1

我试图在局部视图上动态添加一个新选项卡,这是我的代码:

脚本

     $(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>

问题,当我按下按钮时,我得到了这个:

http://i.stack.imgur.com/sYg0o.png

就像 hte 新标签没有被添加到标签中并且内容被加载到标签的末尾。

任何的想法?

4

1 回答 1

0

捆绑错误!我将 jqueryui 库更新到 1.10,但没有更改捆绑包。他们仍然指向旧的,这是我错误的原因

于 2013-07-24T13:55:31.290 回答