gpt4 book ai didi

JQuery UI 选项卡自动关闭

转载 作者:太空宇宙 更新时间:2023-11-04 14:19:56 24 4
gpt4 key购买 nike

我正在做有关 JQuery UI 选项卡的工作。我想在提交表单后关闭动态生成的选项卡。

这是我的代码:

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 );
});
});

我的 HTML 页面:

<body>

<div id="container-1">
<ul>
<li><a href="#fragment-1">List</a></li>
</ul>
<div id="fragment-1">
<table id="contact">
<tr>
<th> Name </th>
<th>E-mail </th>
<th> Phone </th>
</tr>
</table>
</div>
</div>

添加标签

我要关闭的选项卡是由 on-click of add_tab 函数动态创建的。我想在函数 submit_form() 结束时关闭它。

应该用代码去掉

tabs.tabs('remove', 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" );

考虑到这一点,尝试解决您的问题。

关于JQuery UI 选项卡自动关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14597256/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com