Jquery UI 动态添加选项卡无效果？？

<script>
     $(function () {
         $("#tabs").tabs({
             fx: {opacity:"toggle"}
         }).tabs("add", "#tab4", "Tab 4");
         $("<div>伤心的人别听慢歌</div>").appendTo("#tab4");
     });
   
 </script></head>
<body>
    <form id="form1" runat="server">
  <div id="tabs">
      <ul>
          <li><a href="#tab1">tab1</a></li>
          <li><a href="#tab2">tab2</a></li>
          <li><a href="#tab3">tab3</a></li>
      </ul>
      <div id="tab1">看见自己</div>
      <div id="tab2">世界在你心里</div>
      <div id="tab3">看见世界你在谁的眼里</div>
  </div>
</body>jquery uitabs

解决方案 »

  1.   

    经测试，你这段代码好使，tab4正常显示
      

  2.   

    不行啊，我在vs2012上运行，无效果，tab4无法显示？
      

  3.   

    看一下你引用的jQueryUI库的版本，你这段代码在1.8上好使，但是在1.9之后tabs的接口做了较大调整，add方法被取消了，所以用不了。
      

  4.   

    谢啦，还真是jQueryUI版本的问题，三克油。