javascript - 使用 tabify jquery 插件以编程方式更改选项卡

Question

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

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

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

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

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

Answer 1

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

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

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

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

这适用于我的示例。

Answer 2

我不确定这是否是最好的方法，但至少它有效。如果我们查看 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