Question

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

我正在努力弄清楚如何以编程方式更改标签。

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

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

Answer 1

您使用的项目似乎是dead，它最近没有收到更新，也没有文档。

我已经看了一下源代码，没有API直接为您访问标签。

唯一的解决方案是通过查看库期望标签更改的方式来间接破解：

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

这适用于my example。

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

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

2 个答案: