从移动到另一个页面中的特定选项卡

Question

我有这个代码：

<ul id="tabsss">
    <li  class="underUl"> <a href="about.php#History"> - History</a></li>
    <li  class="underUl"><a href="about.php#Concept"> - The Concept</a></li>
    <li  id="cst1" class="underUl"><a href="about.php#Choose_CST"> - Why Choose CST?</a></li>
    <li  id="management1" class="underUl">- Management</li>
    <li   id="department1" class="underUl">- Department</li>
</ul>

在另一页中，我有这些<div>

<div class="tab-pane active"  id="History">test</div>
<div class="tab-pane"  id="Concept">test1</div>
<div class="tab-pane" id="Choose_CST">ssss</div>
<div class="tab-pane" id="Management">ssss</div>
<div class="tab-pane" id="Department">ssss</div>

我想转到另一个页面中的特定选项卡。现在它只打开第一个。

有什么帮助吗？提前谢谢。

Answer 1

加载第二页时，您需要添加一些 JavaScript。

像这样：

if (window.location.hash == "History"){
   $('.tab').hide(); //hide all other tabs
   $('#History').show();
}

如果您在关于页面上有选项卡，则可以像这样完成：

var currentTab = window.location.hash;
$('a[href="#'+currentTab+'"]').tab('show');

Answer 2

我再次阅读您的问题，可以使用JavaScript轻松实现：

$(document).ready(function(){    
  url_params = window.location.hash;  
  tabParams = $('a[href="' + url_params + '"]');
  console.log(tabParams);
  console.log(url_params);
  if (tabParams.length === 0) 
  {
  //Activate first tab
  //Show first tab content
  } 
  else 
  {
    tabParams.click();
  }    
});