删除动态JQuery UI选项卡

您是对的,当您对选项卡进行重新排序时,这些选项卡会保留其旧索引值,从而在尝试删除某个选项卡时导致意外行为。您可以通过在删除之前重新初始化选项卡来强制它更新索引,如下所示:

$('#tabs').tabs('destroy').tabs();
$('#tabs').tabs('remove', 2);

这是因为索引是在基于对象的位置设置选项卡时生成的 li 锂

当然,如果您有一个非常复杂的设置,这可能会对性能产生负面影响,在这种情况下,您可以找到其他方法来更新选项卡索引,或者可以维护一个将原始索引映射到当前索引的数组。

去除 已经不在了 jQueryUI tab API . 现在必须删除呈现选项卡和面板本身的HTML并刷新选项卡:

function removeTab(tabId) {
  var tabIdStr = "#tabs-" + tabId

  // Remove the panel
  $( tabIdStr ).remove();
  // Refresh the tabs widget
  tabs.tabs( "refresh" );

  // Remove the tab
  var hrefStr = "a[href='" + tabIdStr + "']"
  $( hrefStr ).closest("li").remove()
}

https://forum.jquery.com/topic/dynamically-remove-tab

我暂时这样解决了这个问题:

.click(function(e) {
$tab.tabs('remove',$tab.tabs('option','selected'));
});