jquery - jQuery 工具 UI 选项卡不会找到窗格

Question

我在我的 HTML 文件中引用了 jQuery UI TOOLS 源，然后我继续创建一个无序列表，如下所示：

<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");

这应该激活选项卡并将它们组织到它们的窗格中。但是，所有内容都保留在一个块中，并且选项卡没有任何功能。我看不出我的代码有任何缺陷，也不知道问题出在哪里。

谢谢

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/