附加jQuery的选项卡1.9

问题描述：

我尝试在动态的局部视图中添加一个新的标签，这是我的代码：附加jQuery的选项卡1.9

脚本

 $(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新标签没有被添加到标签并且内容被加载到标签的末尾。

有什么想法吗？

完成：一个不会简单地离开捆绑1.8.4分钟用户界面和期望1.10工作 – EricGS 2013-02-15 14:20:14

答

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

附加jQuery的选项卡1.9

相关推荐