我试图在局部视图上动态添加一个新选项卡,这是我的代码:
脚本
$(document).ready(function () {
$("#tabs").tabs();
jQuery("button").button().click(function () {
var tabs = $( "#tabs" ).tabs();
var ul = tabs.find( "ul" );
$( "<li><a href='#tab4'>New Tab</a></li>" ).appendTo( ul );
$("<div id='tab4'><p>New Content</p></div>").appendTo(tabs);
tabs.tabs( "refresh" );
});
});
HTML
<div id=tabs>
<ul>
<li><a href=#tab1>Tab 1</a></li>
<li><a href=#tab2>Tab 2</a></li>
<li><a href=#tab3>Tab 3</a></li>
</ul>
<div id=tab1>Contents of the first tab</div>
<div id=tab2>Contents of the second tab</div>
<div id=tab3>Contents of the third tab</div>
</div>
<button>add</button>
问题,当我按下按钮时,我得到了这个:
就像 hte 新标签没有被添加到标签中并且内容被加载到标签的末尾。
任何的想法?