jquery - 空的 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);

score 6 · Accepted Answer

我在遍历选项卡并将它们全部删除时遇到了麻烦，就像您在问题中所做的那样。我的解决方案是删除第 0 个选项卡的次数等于选项卡对象的“长度”方法返回的值：

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

score 4 · Accepted Answer

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

这是我使用的代码。为我工作。希望对你有效。

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

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

score 3 · Accepted Answer

您应该能够从选择器中取消绑定选项卡。

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

编辑：

直接来自 jQuery 文档

.tabs( 'destroy' );

完全删除标签功能。这将使元素返回到它的预初始化状态。

score 2 · Accepted Answer

您是否尝试添加带有非空 url 的选项卡？

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

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

添加一个新选项卡。第二个参数要么是一个包含片段标识符的 URL，仅用于创建页内选项卡，要么是一个完整的 url（相对或绝对，不支持跨域），以将新选项卡转换为 Ajax（远程）选项卡。第三个是插入新标签的从零开始的位置。可选，默认情况下会在末尾附加一个新选项卡。

4 回答 4