2013-10-08 49 views
0

我試圖在動態創建它後打開一個選項卡,但我似乎無法獲得新創建的選項卡打開。誰能告訴我,我做錯了什麼 見下jquery選項卡不開放

var num_tabs = $("div#supplierTabs ul li").length + 1; 
    var dd = document.getElementById("dd_resortList") 

    $("div#supplierTabs ul").append(
     "<li><a href='#fragment" + num_tabs + "'>" + dd.options[dd.selectedIndex].text + "</a></li>" 
    ); 

    $("div#supplierTabs").append("<div id='fragment" + num_tabs + "'>text " + num_tabs + "</div>") 

    $("div#supplierTabs").tabs("refresh"); 

    $("div#supplierTabs").tabs("load", num_tabs-1); 
+1

請創建一個[ **小提琴**](http://jsfiddle.net/)這說明你的問題。 –

回答

0

我的代碼,我找到了答案: -

$("div#supplierTabs").tabs("option", "active", num_tabs - 1); 

這將打開最後一個標籤

0
<script type="text/javascript"> 
$(document).ready(function() { 
    $('the name of your class or id').tabs(); 
}); 
</script> 


<div class="whatever you want but must be equal the class or id of your qjquery function"> 
     <ul> 
      <li><a href="#about">About</a></li> 
      <li><a href="#about2">About2</a></li> 
      <li><a href="#about3">About3</a></li> 
     </ul> 
      <div id="about"><p> Your Text </p></div> 
      <div id="about2"><p>Your Text</p></div> 
      <div id="about3"><p>Your Text</p></div> 
</div>