jquery - 如何在某些事件后（重新加载后）激活 Bootstrap 选项卡？

Question

我有这种情况：在第二个选项卡上有一个带有提交按钮的表单 - 我希望在提交后激活第二个选项卡，但是默认情况下第一个选项卡是活动的。

我在 Bootstrap 网站上查看了一些东西 - http://twitter.github.com/bootstrap/javascript.html#tabs，但找不到我想找到的信息，

我的 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>

我可以像这样激活标签：

  $('#myTab a:last').tab('show');

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

我应该添加一些通知程序，该表单已被替换或更好的方法是什么？

Answer 1

如果它是一个选项，您可以使用$.ajax()发布表单，而不是进行普通的表单发布，并在成功回调中激活按钮。

$("#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;
});