0

我有一个 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>
4

3 回答 3

0

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

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

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

于 2013-08-04T00:20:52.187 回答
0

你可以采取几种方法，

选项 1： 我建议使用默认选项卡设置作为 asp.net 响应中的属性。

您可以设置默认选项卡 == "Tab2" 并将所选属性发送到您的响应中。

选项2：

您可以调用 "$(document).ready()" 并将 Tab2 设为默认值，这不是一个好方法，加载 DOM 后屏幕会闪烁。

于 2013-08-03T03:37:58.803 回答
0

满足此条件时尝试运行：

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

从后面的代码中，您可以通过以下方式运行它ClientScript.RegisterStartupScript

于 2013-08-03T03:26:21.690 回答