2011-12-24 210 views
0

可能重複:
Unable to get jquery tabs nestedjQuery的嵌套的標籤

我需要創建一個嵌套的標籤。但我沒有得到一個由谷歌滿意的解決方案。任何人都可以向我推薦解決方案我不是一個Java腳本或jQuery程序員。

在此先感謝!

+0

什麼解決方案沒有谷歌給你?它有什麼問題? – gideon 2011-12-24 15:39:55

+0

也許這將有助於:http://stackoverflow.com/questions/1432928/unable-to-get-jquery-tabs-nested – 2011-12-24 15:48:39

+0

嗨艾曼,謝謝你的回覆。它幫助我很多。非常感謝你 – 2011-12-24 18:52:52

回答

3

這裏是解決方案:http://jsfiddle.net/bpJUv/1/

JS

$('#tabs').tabs(); 
$('#tabs1').tabs(); 
$('#tabs2').tabs(); 

HTML

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">First tab</a></li> 
     <li><a href="#tabs-2">Second tab</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p> 
      <div id="tabs1"> 
       <ul> 
        <li><a href="#tabs-11">First nested 1</a></li> 
        <li><a href="#tabs-12">Second nested 1</a></li> 
       </ul> 
       <div id="tabs-11"> 
        <p>Content for first nested tab 1</p> 
       </div> 
       <div id="tabs-12"> 
        <p>Content for second nested tab 2</p> 
       </div> 
      </div>    
     </p> 
    </div> 
    <div id="tabs-2"> 
     <p> 
      <div id="tabs2"> 
       <ul> 
        <li><a href="#tabs-21">First nested tab 2</a></li> 
        <li><a href="#tabs-22">Second nested tab 2</a></li> 
       </ul> 
       <div id="tabs-21"> 
        <p>Content of first nested tab 2</p> 
       </div> 
       <div id="tabs-22"> 
        <p>Content of second nested tab 2</p> 
       </div> 
      </div>   
     </p> 
    </div> 
</div> 
+0

嘿Minko,謝謝你的回覆 – 2011-12-24 18:54:15

+0

是你的解決方案嗎? :-) – 2011-12-24 19:07:29