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;
});

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

1 个答案: