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/

jQuery Tools UI选项卡无法找到窗格

1 个答案: