附加jQuery的選項卡1.9

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> 

問題，當我按下按鈕我得到這個：

就像hte新標籤沒有被添加到標籤並且內容被加載到標籤的末尾。

有什麼想法嗎？

Answer 1

捆綁錯誤！我更新了jqueryui庫到1.10，但沒有改變捆綁。他們仍然指向舊的，這是我的錯誤的原因