0

私はこのシナリオを持っています：2番目のタブに送信ボタンのあるフォームがあります-送信後に2番目のタブをアクティブにしたいのですが、最初のタブはデフォルトでアクティブになっています。

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

ページがリロードされているため、クリックした後でこれを呼び出すことはできません。

通知機能を追加する必要があります。そのフォームは送信されますか、それともより良い方法は何でしょうか。

4

1 に答える 1

2

オプションの場合は、通常のフォーム投稿の代わりに$.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;
});
于 2012-09-11T14:07:15.467 に答える