直接鏈接到html頁面中的特定選項卡

我正在嘗試將頁面重定向到特定的TAB link。例如直接鏈接到html頁面中的特定選項卡

<a href="#google">google</a> 
     <a href="#facebook">facebook</a> 

<div class="tab containt"> 
    <div id="google"> 
     <p>some text some text some text some text</p> 
    </div> 

    <div id="facebook"> 
     <p>some text some text some text some text</p> 
    </div> 
</div

有沒有可能重定向到特定的選項卡？

http://example.com/#facebook

http://example.com/#facebook通過將該URL地址欄。它應該直接打開facebook標籤

來源

2016-03-08 Asesha George

你可以分享一個小提琴？ – gurvinder372

這真的取決於你使用什麼樣的編程語言？僅限客戶端腳本（HTML，JS等）？或者還有服務器端腳本？就個人而言，我總是使用PHP，對於這種情況，我會使用一個get變量，即'example.com/？tab = facebook'，然後有一個小腳本使'facebook'成爲可見標籤（通過隱藏google標籤'display：none;'）當這個'$ _GET'變量設置爲'facebook' –

時，請參閱http://stackoverflow.com/questions/17982594/how-do-i-preserve-uri-fragment-in-safari- upon-redirect –

添加一個類moveTo到鏈接點擊。

HTML

<a class="moveTo" href="#google">google</a><br/> 
<a class="moveTo" href="#facebook">facebook</a><br/>

的jQuery：

$(document).ready(function(){ 
    $(".moveTo").click(function(){ 
     var elemId = $(this).attr('href') 
     $(elemId).find('a:first').click(); 
    }); 
});

DEMO

來源

2016-03-08 09:37:25

沒有更多的要求，你可以使用:target選擇爲純CSS解決方案。

帶＃後跟錨定名稱的URL，鏈接到文檔中的某個元素。被鏈接的元素是目標元素。

：目標選擇器可用於設置當前活動目標元素的樣式。

.tab > div { 
 
    display:none; 
 
} 
 

 
.tab > div:target { 
 
    display:block; 
 
}

<a href="#google">google</a> 
 
<a href="#facebook">facebook</a> 
 

 
<div class="tab containt"> 
 
    <div id="google"> 
 
    <p>some text some text some text some text - google</p> 
 
    </div> 
 
    <div id="facebook"> 
 
    <p>some text some text some text some text - facebook</p> 
 
    </div> 
 
</div>

來源

2016-03-08 09:37:47

你有試過嗎？ –

直接鏈接到html頁面中的特定選項卡

回答

相關問題