javascript - 在jQuery UI中删除动态创建的选项卡(Removing dynamically created tabs in jQuery UI)

Question

How do I remove tabs that were created dynamically using the jQuery UI library?(如何删除使用jQuery UI库动态创建的选项卡？)

It doesn't seem to mention anything about deleting tabs in the documentation for the library.(似乎没有提及有关删除库文档中的选项卡的任何内容。) I need to be able to delete the currently active tab, and to delete all tabs.(我需要能够删除当前活动的选项卡，并删除所有选项卡。)   ask by Howard Zimmerman translate from so

Answer 1

You must now remove the HTML that renders the tab and panel itself and refresh the tabs:(现在，您必须删除呈现选项卡和面板本身的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(https://forum.jquery.com/topic/dynamically-remove-tab)