Jquery ui jQuery选项卡正在缓存TabID

我对jQuery选项卡的定义如下：

 $('#serviceTabs').tabs({
    idPrefix: 'ui-subtabs-',
    spinner: 'Retrieving data...',
    cache: false,
    select: function(event, ui) {
        if(checkServiceTabs(ui.index))
        {
            $('#ui-subtabs-'+(currentDetailTab+1)).html(" ");
            currentDetailTab = ui.index;
            return true;
     }
        else
            return false;
    },
    collapsible: true
});

不幸的是，在重新加载我的页面后，标签页的索引会逐渐增加。 所以在第一次请求时，我的TabID看起来像：

#ui-subtabs-1, #ui-subtabs-2, #ui-subtabs-3

重新加载我的页面后，它看起来像：

#ui-subtabs-4, #ui-subtabs-5, #ui-subtabs-6

副作用是，重新加载后，选项卡被锁定。选择事件不再工作

仅供参考：选项卡位于DIV中，并与

$合并。get

函数。 所以我不重新加载整个页面，只加载div

在新请求之前，我已经用

.html（“”

）清空了div，我也尝试了

$('#serviceTabs').tabs("destroy");

---

有人知道如何删除TabID缓存吗

不幸的是，TabID来自的

tabIndex

变量被封装在Tabs插件的匿名函数中，使得外界完全看不见它。它只是递增的，插件没有提供重置它的方法。即使销毁插件实例也无济于事

但是在插件文档的页面上，指定标签容器可以使用

Title属性作为引用

这将创建标题为ID的选项卡容器（用下划线替换空格）：

。。。

然后，您必须相应地修改您选择的方法

<li><a href="hello/world.html" title="My Tab 1"> ... </a></li>

<div id="My_Tab_1"> ... </div>