JQuery UI选项卡自动关闭

我正在jQueryUI选项卡上工作。我想在表单提交后关闭动态生成的选项卡

这是我的代码：

function submit_form(){
    alert(JSON.stringify($('form').serializeObject()));
    $('#result').text(JSON.stringify($('form').serializeObject()));
    var tabs = $("#container-1").tabs();
    tabs.tabs('remove', 1);
}

$(document).ready(function(){

    var tabs = $("#container-1").tabs();

    $('#add_tab').click( function(){

            var ul = tabs.find( "ul" );
            $( "<li><a href='#newtab'>New Tab</a></li>" ).appendTo( ul );
            $( "<div id='newtab'><form action='' method='post'>Name :<input type='text' name='name'></input></br>Email :<input type='text' name='email'></input></br>Phone Number :<input type='text' name='phone'></input></br><input type='button' value='Submit' id='form_button' onclick='submit_form()'></input></form></div>" ).appendTo( tabs );
            tabs.tabs( "refresh" );
            tabs.tabs( "option", "active", -1 );
    });
});

但我有个错误

Error: no such method 'remove' for tabs widget instance
http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js
Line 2

---

如何修复它？

问题是，在新的jquery Ui中，删除函数已被弃用，请使用刷新方法

旧API：

$( "#tabs" ).tabs( "remove", 2 );

新API：

// Remove the tab
var tab = $( "#tabs" ).find( ".ui-tabs-nav li:eq(2)" ).remove();
// Refresh the tabs widget
$( "tabs" ).tabs( "refresh" );

---

试着把这一点牢记在心来解决问题。

你没有的东西有用吗？关闭标签是什么意思？您希望看到的行为是什么？我的代码中没有自动关闭注释我想在函数submit_forum（）结束时自动关闭打开的选项卡关于如何在JQuery UI中动态添加和删除选项卡的官方指南，请参见：

$( "#tabs" ).tabs( "remove", 2 );

// Remove the tab
var tab = $( "#tabs" ).find( ".ui-tabs-nav li:eq(2)" ).remove();
// Refresh the tabs widget
$( "tabs" ).tabs( "refresh" );