在引导程序中使用选项卡时，Asp.Net 无法将焦点保留在回发时选定的选项卡上答案

【问题标题】：Asp.Net while using tabbing in bootstrap can not retain focus on selected tab on post back在引导程序中使用选项卡时，Asp.Net 无法将焦点保留在回发时选定的选项卡上
【发布时间】：2014-08-20 15:10:30
【问题描述】：

我正在为我的项目使用引导模板，同时在从第二个选项卡再次显示第一个选项卡的页面回发时使用选项卡。我尝试了不同的方法，但无法正常工作，请帮忙。

<div id="validationWizard" class="basic-wizard">
    <ul class="nav nav-pills nav-justified">
        <li><a href="#vtab1" data-toggle="tab"><span>1 :</span> Basic Details</a></li>
        <li><a href="#vtab2" data-toggle="tab"><span>2:</span> Family Details</a></li>
        <li><a href="#vtab3" data-toggle="tab"><span>3:</span> Previous School</a></li>
        <li><a href="#vtab4" data-toggle="tab"><span>4:</span> Document Details</a></li>
        <li><a href="#vtab5" data-toggle="tab"><span>5:</span> Registration Details</a></li>
        <li><a href="#vtab5" data-toggle="tab"><span>5:</span> Save Details</a></li>
    </ul>
</div>

【问题讨论】：

$('#validationWizard a[href="#vtab2"]').tab('show') 我已经在 document.ready 函数中尝试过这个 1，所以它正在加载选项卡 2，但在同一行如果我调用 btn.click 函数，它不起作用

标签： asp.net twitter-bootstrap setfocus tabbing

【解决方案1】：

您需要通过将当前选项卡索引保存在隐藏字段中并在页面呈现后使用 javascript/jquery 设置当前选项卡来显式维护选项卡的状态。当您在客户端应用选项卡样式时，服务器不知道当前活动选项卡的状态。如果使用 asp.net ajax 控件工具包 - 选项卡控件，那么 ASP.NET 会自动维护选项卡的状态。

【讨论】：

vaibhav 我试过了，但还是失败了。你能给我正确的代码吗