鏈接到外部的引導標籤

Question

我有一個問題，並希望你能幫助我鏈接到外部的標籤。這將每次只得到第一個鏈接 這是我的代碼：

的導航欄

   <li class="has-children"><a href="#">Produktionsprozess</a> 
       <ul> 
          <li><a href="#warenlogistik">Warenlogistik</a></li> 
          <li><a href="#fotoproduktion">Fotoproduktion</a></li> 
          <li><a href="#abstimmung">Abstimmung & Freigabe</a></li> 
          <li><a href="#postproduction">Postproduktion</a></li> 

活動部分：

  <ul data-animate class="row list-unstyled action-list inline-type-2 bottom-space" role="tablist"> 
       <li role="presentation" class="col-lg-4 col-sm-6 bottom-space has-corner-line corner-anim active"> 
        <a class="tab secondary-headline has-icon corner-anim" href="#warenlogistik" aria-controls="warenlogistik" role="tab" data-toggle="tab"> 
         <i class="fi flaticon-shuffle"></i> 
         <h3 class="maintitle">Waren<strong>logistik</strong></h3> 
         <p class="subtitle">Roadtrip to reach your goals</p> 

         <span class="corner corner-1"></span> 
         <span class="corner corner-2"></span> 
        </a> 
       </li> 

我不能將部分 「達」 ：

   <li role="presentation" class="col-lg-4 col-sm-6 bottom-space has-corner-line corner-anim"> 
        <a class="tab secondary-headline has-icon" href="#fotoproduktion" aria-controls="fotoproduktion" role="tab" data-toggle="tab"> 
         <i class="fi flaticon-technology"></i> 
         <h3 class="maintitle">Foto<strong>produktion</strong></h3> 
         <p class="subtitle">Photography at its best</p> 

         <span class="corner corner-1"></span> 
         <span class="corner corner-2"></span> 
        </a> 
       </li> 

另外在網格容器或手風琴我有這個代碼。它適用於 「warenlogistik」 第一個，但不是第二個 「fotoproduktion」：

  <article class="row tab-pane in fade active" id="warenlogistik"> 
       <div class="col-sm-6"> 
        <figure> 
         <img src="images/pictures/produktionsprozess/warenlogistik.jpg" alt="Make a concept" /> 
        </figure> 
       </div>      

<div class="col-sm-6"> 
          <div class="secondary-headline"> 
           <h3 class="maintitle">Waren<strong>logistik</strong></h3> 
           <h4 class="subtitle">Feel the innovation</h4> 
          </div> <p> text text text </p></div></article> 


<article class="row tab-pane fade" id="fotoproduktion"> 
         <div class="col-sm-6"> 
          <figure> 
           <img src="images/pictures/produktionsprozess/fotoproduktion.jpg" alt="Make a concept" /> 
          </figure> 
         </div><div class="col-sm-6"> 
          <div class="secondary-headline"> 
           <h3 class="maintitle">Foto<strong>Produktion</strong></h3> 
           <h4 class="subtitle">text text</h4> 
          </div><p> text text text </p> 
        </div> 
       </article> 

的script.js：

$('a[data-toggle="tab"]') .on('shown.bs.tab', function() { 
     $window.trigger ('resize'); 
    }); 

script.min.js： .....

a('a[data-toggle="tab"]').on ("shown.bs.tab",function() 
{b.trigger("resize")}) , 
b.on("load",function() 
{a(".preloader"). 
fadeOut("slow"), 
a("body").addClass("loaded")} 

，比我在bootstrap.min.js東西

I'll嘗試由於圖4小時... ...抱歉，我沒沒有得到代碼面板。

希望有人能幫助！

問候 馬庫斯

我已經tryed中的script.js，但它不工作：

$('#tab1 a').click(function (e) { 
    e.preventDefault(); 
    $('a[href="' + $(this).attr('href') + '"]').tab('show'); 
}) 

}）;

編輯： 好吧，我得到了與數據切換=「標籤」的開幕，但即時通訊仍然無法跳轉到部分。它只是打開

<li class="has-children"><a href="#">Produktionsprozess</a> 
        <ul> 
           <li><a href="#warenlogistik" data-toggle="tab">Warenlogistik</a></li> 
           <li><a href="#fotoproduktion" data-toggle="tab">Fotoproduktion</a></li> 
           <li><a href="#abstimmung" data-toggle="tab">Abstimmung & Freigabe</a></li> 
           <li><a href="#postproduction" data-toggle="tab">Postproduktion</a></li> 

我也補充道：

$(function() { 
$('#fotoproduktion a').click(function (e) { 
    e.preventDefault(); 
    $('a[href="' + $(this).attr('href') + '"]').tab('show'); 
}) 

爲了得到一個想法是什麼林談論，請在此我們來看一看： https://www.bnecreative.com/blog/deeplink-bootstrap-tabs/

出渣口將工作，那不是問題了。但我想打開非活動選項卡並向下滾動。到現在爲止，我必須打開帶有導航欄中鏈接的選項卡，然後向下滾動到內容手冊。

Answer 1

從我可以告訴你的問題是，你想能夠訪問從<a>鏈接個別選項卡。如果是這樣的話..

你將不得不使用jquery來指導鏈接，而不是使用靜態鏈接與href。

JQUERY

$(function() { 
    $('#tab1 a').click(function (e) { 
     e.preventDefault(); 
     $('a[href="' + $(this).attr('href') + '"]').tab('show'); 
    }) 
}); 

HTML

<a id="tab1" href="#postproduction">tab 1</a> 

要使用導航鍵切換標籤頁