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

有帮助吗?

解决方案

怎么样:

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

其他提示

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

$("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 文档页面

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top