2

bootstrap-tab.js を使用して、タブをアクティブ化し、別の関数内から呼び出します。HTML:

<a onClick='activate_tab()'>Activate Tab</a>
<ul class='nav nav-tabs hydro' id='nav_tabs'>
  <li class='active'><a href='#1' data-toggle='tab'>First</a></li>
  <li class=''><a href='#2' data-toggle='tab'>Second</a></li>
  <li class=''><a href='#3' data-toggle='tab'>Third</a></li>
</ul>
<div class='tabbable'>
  <div class='tab-content'>
    <div class='tab-pane active' id='1'>content first</div>
    <div class='tab-pane ' id='2'>content second</div>
    <div class='tab-pane ' id='3'>content third</div>
  </div>
</div>

次のようにして、ページの読み込み時にタブをアクティブにすることができます。

<script>jQuery(function($){$('#nav_tabs li:eq(2) a').tab('show');})</script>

また、それぞれのアンカー要素をクリックすると、タブが適切にアクティブになります。以下は機能しません。

function activate_tab(){
    //process other data...then goto tab
    alert(1);
    $('#nav_tabs li:eq(2) a').tab('show');
    alert(2);
}

私はjavascript/jQueryが初めてです。

[編集] 元のページを上に表示されているものだけに削除したところ、機能しました。そのため、他の機能と競合する可能性があります。お時間を無駄にして申し訳ありません。

4

1 に答える 1

1

そうでない場合はこれを試してください

    <script>
    jQuery(function($){

      function activate_tab(){
        //process other data...then goto tab
        alert(1);
        $('#nav_tabs li:eq(2) a').tab('show');
        alert(2);
      }

    });
   </script>
于 2012-05-05T17:53:06.647 に答える