jQuery 工具选项卡：如何禁用选项卡答案

【问题标题】：jQuery Tools Tabs: how to disable a tabjQuery 工具选项卡：如何禁用选项卡
【发布时间】：2011-06-20 02:13:38
【问题描述】：

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

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

【问题讨论】：

不确定您是否对其他插件感兴趣，但jqueryui tabs 具有开箱即用的此功能。
@David 感谢您的建议 +1。我会将这个问题留作任何可能对 jQuery 工具解决方案感兴趣的人的参考。

标签： jquery jquery-tools

【解决方案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
});

【讨论】：