Jquery 如何在某些事件后（重新加载后）激活引导选项卡？

我有这样一个场景：在第二个选项卡上有一个带有提交按钮的表单-我希望在提交后使第二个选项卡处于活动状态，但是默认情况下第一个选项卡处于活动状态

我在Bootstrap网站上查看了一些东西，但找不到我想要找到的信息

我的HTML：

  <ul id="myTab" class="nav nav-tabs">
    <li class="reports active left"><a href="#home" data-toggle="tab" >Details</a></li>
    <li class="reports right not_active" ><a href="#profile" data-toggle="tab" >Analytics</a></li>
  </ul>

我不能在点击后简单地调用它，因为页面已重新加载

---

我应该添加一些通知程序，该表单是subitted的，或者更好的方式是什么？

如果是一个选项，您可以使用发布表单，而不是执行普通表单发布，并且在成功回调中激活按钮

$("#my-form-id").submit(function () {
    $.ajax({
      url: "my-form-handler.php",
      type: "POST",
      data: $("#my-form-id").serialize(),
      success: function(data) {
        $('#myTab a:last').tab('show');
      }
    });
    return false;
});

---

@中井，这个解决方案是系统不可知的。我没有Rails方面的经验，但这只是JavaScript和HTTP。修改URL，并在服务器端处理响应，就像处理来自HTML表单的任何其他HTTP POST请求一样。我很害怕），但我认为无论如何它都是必要的。@MID我认为你不必重写任何东西。上面的代码将截取当前表单，阻止它以正常方式发送数据，而是通过Ajax请求发送数据。我认为，您唯一需要修改的是在上面的代码中添加正确的URL和表单id。一个重要的细节是，我的表单按日期搜索记录，我从URL中提取日期，并在重新加载后显示结果。它改变了什么吗？@MID是的，它改变了一些事情，使事情变得更复杂。您仍然可以发布表单，如本文所述，但由于您没有重新加载页面，因此必须从成功回调中手动将记录添加到页面中。

$("#my-form-id").submit(function () {
    $.ajax({
      url: "my-form-handler.php",
      type: "POST",
      data: $("#my-form-id").serialize(),
      success: function(data) {
        $('#myTab a:last').tab('show');
      }
    });
    return false;
});