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

我正在使用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