jQuery选项卡,标签标题为链接

时间:2011-09-23 22:04:51

标签: jquery tabs

我正在使用标准的jquery选项卡功能,我想知道是否有任何方法可以使一些选项卡标题只是一个链接,将用户重定向到另一个页面。

我实际上想要当你将鼠标悬停在标签上时,你会看到:“http://www.mysite.com/mypage”,即标签标题的href将是一个简单的链接。

请告诉我它是否可行。

由于

2 个答案:

答案 0 :(得分:0)

是的,您可以链接到其他页面,不确定是否是您的问题。如果您希望用户在悬停时看到该网址,请将链接的title属性设为网址,并将其显示为工具提示。

即:

<a href="http://www.stackoverflow.com" title="http://www.stackoverflow.com">My Tab</a>

如果您需要有关标签本身的帮助,那就太宽泛了。尝试使用jQuery Tools

答案 1 :(得分:0)

直接从jQuery UI网站:

$('#example').tabs({
    select: function(event, ui) {
        var url = $.data(ui.tab, 'load.tabs');
        if( url ) {
            location.href = url;
            return false;
        }
        return true;
    }
});

设置标签时,请将href属性设为超链接,而不是使用“#tab”格式。

DEMO: http://jsfiddle.net/v2pKQ/2/