Twitter bootstrap 3 Bootstrap 3.2.0：在所选选项卡下发布内容时，如何保持该选项卡？

我有一个问题，当我在一个选项卡下发布一些东西时，我会在单击提交按钮时返回到活动选项卡。例如，我在“悲剧”选项卡上发布，我再次返回到“天气”选项卡，这是我的活动选项卡。这是我的密码

这是代码的一部分

<ul class="nav nav-tabs" id="myTab">
    <li class="active"><a href="#weather" data-toggle="tab">Weather</a></li>
    <li class=""><a href="#traffic" data-toggle="tab">Traffic</a></li>
    <li class=""><a href="#accident" data-toggle="tab">Accident</a></li>
    <li class=""><a href="#politics" data-toggle="tab">Politics</a></li>
    <li class=""><a href="#tragedies" data-toggle="tab">Tragedies</a></li>
    <li class=""><a href="#warnings" data-toggle="tab">Warnings</a></li>

</ul>

完整的源代码在这里：

---

我搜索了一些javascript来使用，但它仍然不能帮助我的代码

Togglable tabs插件打算在单个页面上使用。单击选项卡会触发到散列标记（如

#tab2

）的导航，散列标记链接不会重新加载页面javascript插件捕获单击并根据散列标记将选项卡设置为活动

在您的代码中，表单将动作设置为页面（

weathercomment.html

），而不是锚定。因此，提交表单将重新加载页面（并将具有硬代码的选项卡设置为活动选项卡）

如果您确实希望在提交后加载其他页面（url），则应根据

请求uri

动态编码

class=“active”

或者，您可以在表单的提交事件中返回

false

，这不会重新加载页面。（另见：）。在返回

false

之前，可以使用表单输入值更新数据库或执行其他操作。您也可以在这里进行ajax调用

例如：

html

 <!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
  <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
  <li role="presentation"><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
  <li role="presentation"><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>
  <li role="presentation"><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="home">...</div>
  <div role="tabpanel" class="tab-pane" id="profile">
    <div id="formresponse"></div>
    <form role="form" id="profileform">
    <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
    </div> 
     <button type="submit" class="btn btn-default">Submit</button>
    </form>  
  </div>
  <div role="tabpanel" class="tab-pane" id="messages">...</div>
  <div role="tabpanel" class="tab-pane" id="settings">...</div>
</div>

---

演示：

Toggable tabs插件打算在单个页面上使用。单击选项卡会触发到散列标记（如

#tab2

）的导航，散列标记链接不会重新加载页面javascript插件捕获单击并根据散列标记将选项卡设置为活动

在您的代码中，表单将动作设置为页面（

weathercomment.html

），而不是锚定。因此，提交表单将重新加载页面（并将具有硬代码的选项卡设置为活动选项卡）

如果您确实希望在提交后加载其他页面（url），则应根据

请求uri

动态编码

class=“active”

或者，您可以在表单的提交事件中返回

false

，这不会重新加载页面。（另见：）。在返回

false

之前，可以使用表单输入值更新数据库或执行其他操作。您也可以在这里进行ajax调用

例如：

html

 <!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
  <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
  <li role="presentation"><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
  <li role="presentation"><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>
  <li role="presentation"><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="home">...</div>
  <div role="tabpanel" class="tab-pane" id="profile">
    <div id="formresponse"></div>
    <form role="form" id="profileform">
    <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
    </div> 
     <button type="submit" class="btn btn-default">Submit</button>
    </form>  
  </div>
  <div role="tabpanel" class="tab-pane" id="messages">...</div>
  <div role="tabpanel" class="tab-pane" id="settings">...</div>
</div>

---

演示：

我发现这个解决方案最适合我

private void GooToTab(string tab)
{
      ScriptManager.RegisterStartupScript(this, this.GetType(), "MyTabCurrent", "window.location=ClientForm1" + tab + ";", false);
}

protected void btnSearchAssociato_Click(object sender, EventArgs e)
{
    GooToTab("#Associato"); // the tab link 

}

---

我发现这个解决方案最适合我

private void GooToTab(string tab)
{
      ScriptManager.RegisterStartupScript(this, this.GetType(), "MyTabCurrent", "window.location=ClientForm1" + tab + ";", false);
}

protected void btnSearchAssociato_Click(object sender, EventArgs e)
{
    GooToTab("#Associato"); // the tab link 

}

---

看起来我们需要看更多的代码来理解如何给出答案。就我个人而言，我可能会写一篇Ajax文章，而不是一篇保留页面状态的经典文章。我们的教授要求我们使用这篇文章，因为我们的项目是关于企业java的，但我们只是需要html进行设计，但我们仍然可以使用bootstrapI，你应该保留你所有的东西，但是使用

jQuery

通过ajax调用发布数据。你能给我一个链接，我可以在哪里发布我的全部源代码吗？这是我的全部源代码，看起来我们需要看更多的代码来理解如何给出答案。就我个人而言，我可能会写一篇Ajax文章，而不是一篇保留页面状态的经典文章。我们的教授要求我们使用这篇文章，因为我们的项目是关于企业java的，但我们只是需要html进行设计，但我们仍然可以使用bootstrapI，你应该保留你所有的东西，但是使用

jQuery

通过ajax调用发布数据。你能给我一个链接，我可以在哪里发布我的全部源代码吗？这是我的全部源代码