空 jQuery UI 选项卡

Question

如何清空（删除所有选项卡）jQuery UI 选项卡？

编辑：我并不是要删除选项卡功能，而是要清空所有选项卡以添加新选项卡。

我正在尝试：

for (var i = $('#content').tabs('length') - 1; i >= 0; i--) {
    $('#content').tabs('remove', i);
}

但 tabs('length') 始终返回 0，即使控件中添加了一些选项卡。

顺便说一句，我将其初始化为空

$('#content').tabs();

然后动态添加选项卡

$('#content').tabs( 'add' , '' , data[i].nombre);

Answer 1

你尝试添加标签与非空的网址是什么？

$('#content').tabs( 'add' , 'non empty url' , data[i].nombre);

从官方文件复制（ http://docs.jquery.com/UI/突片＃方法加）

.tabs( 'add' , url , label , [index] )

添加新的选项卡。第二个参数是任一组成的片段识别符的URL仅创建一个在页片或一个完整的URL（相对或绝对的，没有跨域支持）以打开新的标签页入一个Ajax（远程）选项卡。第三是从零开始的位置插入新的标签。可选的，在默认情况下一个新的标签是在末尾。

Answer 2

我遇到了麻烦，在标签和迭代消除他们都喜欢你在你的问题做。我的解决办法是删除第0个标签等于由制表符对象的“长度”方法返回的值的次数：

var tab_count = $('#tabs').tabs('length');
for (i=0; i<tab_count; i++){
    $('#tabs').tabs( "remove" , 0 )
}

Answer 3

我有类似的问题。为了在加载新选项卡之前从先前的请求中删除选项卡，我采取了以下步骤：

1. 删除了标签（#tabs ul li），
2. 删除了选项卡内容 (#tabs div) 和
3. 刷新了选项卡。

这是我使用的代码。对我有用。希望对你有帮助。

$('div#tabs ul li').remove();
$('div#tabs div').remove();
$("div#tabs").tabs("refresh");

我在网上找到的其他解决方案对我不起作用。

Answer 4

您应该能够只是从选择器解除绑定的选项卡。

$('#content').unbind();

编辑：

直从jQuery文档

.tabs( 'destroy' );

完全删除的选项卡的功能。这将元素返回到其init前的状态。