Question

我有一个asp.net页面，它使用jquery选项卡几个选项卡，在某些情况下，我想在页面加载时选择“选项卡2”而不是总是默认选中的“选项卡1”

<div id="tab-container" class="tab-container">
    <ul class='etabs'>
        <li class='tab'><a id="tab1" runat="server" href="#tab1">Tab 1</a></li>
        <li class='tab'><a id="tab2" runat="server" href="#tab2">Tab 2</a></li>
        <li class='tab'><a id="tab3" runat="server" href="#tab3">Tab 3</a></li>
        <li class='tab'><a id="tab4" runat="server" href="#tab4">Tab 4</a></li>
        <li class='tab'><a id="tab5" runat="server" href="#tab5">Tab 5</a></li>
    </ul>
</div>

Answer 1

在满足此条件时尝试运行：

$('#tab2').click();

从后面的代码中，您可以通过ClientScript.RegisterStartupScript

运行此代码

Answer 2

你可以采取几种方法，

<强>选项1：我建议使用默认的Tab Setting作为asp.net响应中的属性。

您可以设置默认标签==＆＃34; Tab2＆＃34;并将您选择的属性发布到您的回复中。

<强>选项2：

您可以拨打＆＃34; $（文件）.ready（）＆＃34;并且使Tab2成为默认值，不是一个好方法，在加载DOM后屏幕会闪烁。

Answer 3

您可以将jquery选项卡的活动属性设置为从零开始的索引，以便在页面加载时显示哪个选项卡，如下所示：

$(document).ready(function(){
    $('#tabs').tabs({ active: 1 });
});

在jsfiddle上查看此示例：http://jsfiddle.net/2MMaA/1/

从后面的代码中选择一个href链接作为选项卡

3 个答案: