從其他頁面鏈接到另一個特定標籤的內容

問題。我有一些標籤，我希望能夠鏈接回到另一個頁面的特定標籤，並使其成爲活動標籤。我應該怎麼做？從其他頁面鏈接到另一個特定標籤的內容

HTML：

<div id="tabs-container"> 
      <ul class="tabs-menu"> 
       <li class="current"><a href="#tab-1"><strong>Tab 1</strong></a></li> 
       <li><a href="#tab-2"><strong>Tab 2</strong></a></li> 
       <li><a href="#tab-3"><strong>Tab 3</strong></a></li> 
       <li><a href="#tab-4"><strong>Tab 4</strong></a></li> 
      </ul> 

      <div class="tab"> 
       <div id="tab-1" class="tab-content">Content1</div> 
       <div id="tab-2" class="tab-content">Content2</div> 
       <div id="tab-3" class="tab-content">Content3</div> 
       <div id="tab-4" class="tab-content">Content4</div> 
      </div> 

</div>

的JavaScript

$(document).ready(function() { 
    $(".tabs-menu a").click(function(event) { 
     event.preventDefault(); 
     $(this).parent().addClass("current"); 
     $(this).parent().siblings().removeClass("current"); 
     var tab = $(this).attr("href"); 
     $(".tab-content").not(tab).css("display", "none"); 
     $(tab).fadeIn(); 
    }); 
});

感謝提前:)

來源

2017-06-04 Wai

你的意思是當來自不同的網頁時顯示正確的選項卡？ – Zenoo

是的，你是對的。顯示來自不同網頁的正確選項卡。 – Wai

[使用URL中的參數選擇jQuery選項卡]的可能重複（https://stackoverflow.com/questions/574699/selecting-a-jquery-tab-using-a-parameter-in-the-url） – Alexander

您可以使用該URL參數：

function getUrlParameter(sParam) { 
    var sPageURL = decodeURIComponent(window.location.search.substring(1)), 
     sURLVariables = sPageURL.split('&'), 
     sParameterName, 
     i; 

    for (i = 0; i < sURLVariables.length; i++) { 
     sParameterName = sURLVariables[i].split('='); 

     if (sParameterName[0] === sParam) { 
      return sParameterName[1] === undefined ? true : sParameterName[1]; 
     } 
    } 
}; 

$(function(){ 
    var toGet = getUrlParameter('tab'); 
    $(".tab-content").not('#'+toGet).css("display", "none"); 
    $("#"+toGet).fadeIn(); 
});

有了這樣一個網址

來源

2017-06-04 10:54:44 Zenoo

OMG ...它的工作！謝謝:) – Wai

嗯......標籤的內容發生了變化，但是當前標籤並沒有點亮。無論如何解決這個問題？ – Wai

噢......它不適用於Chrome。當我使用chrome時，錨點鏈接降落在正確的選項卡上。然而，鉻自動添加＃tab1後面... – Wai

從其他頁面鏈接到另一個特定標籤的內容

回答

相關問題