在 MVC4 和 jquery ui 1.9 上添加 jquery 选项卡

Question

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

脚本

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

问题，当我按下按钮时，我得到了这个：

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

有什么想法吗？

Answer 1

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