Question

我正在使用jQuery UI-tabs而不是激活它们onclick我正在使用：hover来更改标签。我希望链接能够将用户带到rel属性中指定的URL，但是我试图找到解决方案时空手而归。

Answer 1

怎么样：

function hoverEventHandler(){
    window.location.href = $(this).attr("rel");
}

Answer 2

您可以将悬停事件绑定到链接，并根据悬停元素选择特定选项卡：

$("a.tab_links").hover(function(){
    var $tabs = $('#example').tabs();

    var selected = $tabs.tabs('select', 2);//select third tab.
});

您可以使用selected回调打开链接：

$('#example').tabs({
    select: function(event, ui) {
        var lnk = ui.tab;
        var href = $(lnk).attr("rel");
        OPEN_LINK(href);//write function or code for this
        return false;//don't open on clicking on link;
    }
});

PS： - 这些东西来自jquery ui tabs documentation page。

使用jQuery将窗口位置设置为rel值

2 个答案: