3

目前，我有 2 个单独的函数，它们在 jquery 选项卡 ui 中创建选项卡。从这两个函数生成的选项卡最终成为默认显示的选项卡似乎有点随机。

例如，如果function tabs_a创建 4 个选项卡，然后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默认情况下会被选中，这两个中的哪一个最终被默认选中似乎是随机的。

例如，我如何强制tab_b_3默认被选中？

4

3 回答 3

2

选项卡创建后，可以强制调用如下

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

这里，#tabs是您调用该.tabs()函数的 div 的 id。

于 2012-07-09T10:15:44.973 回答
0

请注意，在 v1.9 中，'select' 方法已从 jQuery UI 中删除。要完成您想要做的事情，只需使用“活动”选项来设置活动选项卡：

$('#tab_b').tabs({ active: true });

或者

$('#tab_b').tabs('option', 'active', true);
于 2014-01-16T19:27:06.830 回答
-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 回答