1

我有两个链接。首先转到带有默认激活选项卡的页面，然后是第二个链接 - 到第二个选项卡。

我总是激活默认选项卡。

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

或者您可以在第二个链接页面上尝试

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