jQuery Tools选项卡：如何禁用选项卡

Question

我正在使用jquery Tools tabs并且想要在初始化之后的某个时间禁用特定标签（例如当前标签），例如点击按钮。

这是我现在的代码，它确实有效，但我想知道是否有更好的解决方案。

想象一下，我有一个运行它的“禁用”按钮：

//disable all tabs except for current tab
$("ul.tabs").tabs("div.panes > div", function(ev,index){
    if (index != this.getIndex()){
        return false;
    }
})

然后执行“启用标签”按钮：

$("ul.tabs").tabs("div.panes > div") //enables all tabs (by not disabling any)

问题是，如果我没弄错的话，我每次都重新初始化标签，而不是修改原始的现有实例。有更好的解决方案吗？

Answer 1

根据jQuery TOOLS Tabs Wizard Demo，您可以更改 onBeforeClick 事件，并在要禁用的选项卡上返回 false 。

这是标签向导文档中代码的缩写副本

$("ul.tabs").tabs("div.panes > div", function(event, index) {
    /* now we are inside the onBeforeClick event */
    if (index == 1 OR index == MYDISABLEDTAB)  {
        // when false is returned, tab cannot be activated
        return false;
    }

    // everything ok
});