3

現在、jquerytabsuiにタブを作成する2つの別個の関数があります。これらの2つの関数から生成されたタブが、デフォルトで表示されるタブになるのは少しランダムに思えます。

たとえば、 4つのfunction tabs_aタブをfunction tabs_b作成し、別の4つのタブを作成する場合、からの最初のタブtabs_aがデフォルトのタブとして表示されるか、からの最初のタブがtabs_bデフォルトとして表示されます。

両方の関数がタブのロード/作成を完了した後、特定のタブを自動的に表示/選択するにはどうすればよいですか？

たとえば、関数tabs_aが次を作成する場合：

tab_a_1
tab_a_2
tab_a_3
tab_a_4

そしてtabs_bは以下を作成します：

tab_b_1
tab_b_2
tab_b_3
tab_b_4

現時点では、tab_a_1またはtab_b_1デフォルトで選択されますが、これら2つのうちどちらがデフォルトで選択されるかはランダムに見えます。

tab_b_3たとえば、デフォルトで強制的に選択されるようにするにはどうすればよいですか？

4

3 に答える 3

2

タブが作成されたら、次のコマンドを強制的に呼び出すことができます

$("#tabs").tabs('select', "#tab_b_3");

これは、関数を呼び出したdiv#tabsのIDです。.tabs()

于 2012-07-09T10:15:44.973 に答える
-1

タブを作成した後。

//強制的にタブを選択
$("#tab_b").tabs("select", "tab_b_2");

ここでチェックしてください http://jsfiddle.net/75XFM/3/

または、以下のコードを確認してください。

<script type="text/javascript">
$("#tab_a").tabs();
$("#tab_b").tabs();
//force select the tab  
$("#tab_b").tabs("select", "tab_b_2");
</script> 


<div id="tab_a">
    <ul>
        <li><a href="#tab_a_1">TabA1</a>

        </li>
        <li><a href="#tab_a_2">TabA2</a>

        </li>
        <li><a href="#tab_a_3">TabA3</a>

        </li>
    </ul>
    <div id="tab_a_1">I'm Tab A1</div>
    <div id="tab_a_2">I'm Tab A2</div>
    <div id="tab_a_3">I'm Tab A3</div>
</div>
<div id="tab_b">
    <ul>
        <li><a href="#tab_b_1">TabA1</a>

        </li>
        <li><a href="#tab_b_2">TabA2</a>

        </li>
        <li><a href="#tab_b_3">TabA3</a>

        </li>
    </ul>
    <div id="tab_b_1">I'm Tab A1</div>
    <div id="tab_b_2">I'm Tab A2</div>
    <div id="tab_b_3">I'm Tab A3</div>
</div>
于 2013-04-02T11:43:37.217 に答える