0

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

これにより、タブがアクティブになり、ペインに整理されます。ただし、すべてのコンテンツは 1 つのブロックにとどまり、タブには機能がありません。コードに欠陥は見られず、何が問題なのかわかりません。

ありがとう

4

1 に答える 1

0

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/を参照

于 2013-10-12T02:28:57.267 に答える