1

私は2つのリンクを持つものを持っています。最初に、デフォルトで有効化されたタブのあるページに移動し、2 番目のリンク - 2 番目のタブに移動します。

デフォルトのタブが常にアクティブになります。

これが私のjsコードです（タブ#homeを開く）：

$('.activate_tab').click(function(e){
  $('#myTab a[href="#profile"]').tab('show');
});

また試してみました（何もしていません）：

$('.activate_tab').click(function(e){
   e.preventDefault();
   $('#myTab a[href="#profile"]').tab('show');
});

そして私のデフォルトの 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>
 ...
 <div class="tab-pane fade in active" id="home">//default
 ...
 <div class="tab-pane fade" id="profile">//not default
 ...
 //link on other page, which should activate default( home )tab
  <a href="/websites/4">http://super.com</a> 
 //link on other page, which should activate not default tab
   <a href="/websites/4" class="activate_tab"><img alt="" height="19" src="http://127.0.0.1:3000/assets/analytics.png" ></a>

私が見逃しているのは何ですか？

4

2 に答える 2

1

リンクを変更しました：

  <a href="/websites/4#profile" class="activate_tab">aaa</a>

そして私のJavaScript：

var activeTab = $('[href=' + location.hash + ']');
activeTab && activeTab.tab('show');

$('.activate_tab').click(function(e){
$('#myTab a[href="#profile"]').tab('show');
});
于 2012-09-14T08:58:56.580 に答える
0

これを試して

   <div class="tab-pane fade" id="home">//default
 ...
 <div class="tab-pane fade in active" id="profile">//not default

または、2 番目のリンク ページで試すことができます

$('#myTab a:last').tab('show'); // Select last tab
$('#myTab li:eq(1) a').tab('show');
于 2012-09-14T07:54:47.300 に答える