的jQuery UI的工具選項卡將不會找到窗格

Question

我引用了jQuery UI工具源在我的HTML文件，然後我繼續創建一個無序列表，像這樣：

<ul class="tabs"> 
    <li><a href="#">blah</a></li> 
    <li><a href="#">blah 2</a></li> 
</ul> 

然後我有我的內容或窗格像這樣：

<div class="panes"> 
    <div> 
     <div id="body">Random body inside a pane</div> 
    </div> 
    <div> 
     <div id="body">More stuff</div> 
    </div> 
</div> 

因此，爲了然後激活這些選項卡，在我的JS文件我稱之爲：

$("ul.tabs").tabs("div.panes > div"); 

這應該激活的T吸收並將它們組織到它們的窗格中。但是，所有內容都保留在一個塊中，並且選項卡沒有功能。我在代碼中看不到任何缺陷，不知道問題出在哪裏。

感謝

Answer 1

根據http://api.jqueryui.com/tabs/您的標記應該是這樣的：

<div id="tabs"> 
    <ul> 
     <li><a href="#tab-1">blah</a></li> 
     <li><a href="#tab-2">blah 2</a></li> 
    </ul> 
    <div class="panes"> 
     <div> 
      <div id="tab-1">Random body inside a pane</div> 
     </div> 
     <div> 
      <div id="tab-2">More stuff</div> 
     </div> 
    </div> 
</div> 

看到http://jsfiddle.net/ZZeYD/1/