0

私は使用jquery UI tabsしていて、それを知りたいのですが、存在しないdivのIDを指すことは可能ですか

main tab divコンテナ、手段

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">tab1</a></li>
        <li><a href="#tabs-2">tab2</a></li>
        <li><a href="#outerdiv">tab3</a></li>
    </ul>
    <div id="tabs-1">
        <p>Tab 1</p>
    </div>
    <div id="tabs-2">
        <p>Tab 2</p>
    </div>
</div>

<div id="outerdiv">
        <p>Tab 3</p>
    </div>

これを試しましたが、 tab3div#outerをクリックしてもコンテンツが開きません。これどうやってするの？

4

2 に答える 2

2

デフォルトの jQuery プラグインは$(this).find("#outerdiv")(where this= #tabs) を探していると思いますが、要素はそうではありません。

#outerdivこれを機能させる方法はいくつかありますが、最も適切な方法は に移動することだと思います#tabs。

マークアップを同じに保つことを主張する場合は、次のloadようにメソッドを利用できます。

$("#tabs").tabs({
 load: function (event, ui) {
    switch (ui.index) {
       case 2:
           $("#tabs div").hide();
           $("#outerdiv").show();
           break;
    }
}
});

しかし、これが残りのタブ パネルにどのように影響するかはわかりません。おそらく、それらすべてをこのスイッチ関数に追加する必要があります。

于 2012-06-15T15:14:42.807 に答える
1

タブを初期化する前に、 divusing を移動できます。.appendTo()

$("#outerdiv").appendTo("#tabs");

作業例はこちら

于 2012-06-15T15:24:26.703 に答える