1

我正在使用 tabify http://unwrongest.com/projects/tabify来显示标签。

我正在努力弄清楚如何以编程方式更改选项卡。

这是一个工作示例:http: //jsfiddle.net/S78Bt/

$(document).ready(function(){
    $('#menu').tabify();
});

虽然我知道使用 JQuery UI 选项卡可以实现这种行为,但由于一些不可避免的情况,我需要使用 tabify。

4

2 回答 2

1

您正在使用的项目似乎已经死了,它最近没有收到更新,它没有文档。

我查看了源代码,没有 API 可以直接为您访问选项卡。

唯一的解决方案是通过查看库期望选项卡如何更改来间接破解:

function changeTab(name) {
    location.hash = name + '-tab';
}

这适用于我的示例

于 2013-10-04T09:08:56.637 回答
0

我不确定这是否是最好的方法,但至少它有效。如果我们查看 tabify 插件的源代码,您将看到:

function getHref(el){
    hash = $(el).find('a').attr('href');
    hash = hash.substring(0,hash.length-4);
    return hash;
}

function setActive(el){         
    $(el).addClass('active');
    $(getHref(el)).show();
    $(el).siblings('li').each(function(){
        $(this).removeClass('active');
        $(getHref(this)).hide();
    });
}

您可以使用类似的方法:jsfiddle

于 2013-10-04T09:13:09.730 回答