2015-04-22 196 views
1

如何顯示這個div體內如果​​URL中包含#people顯示/隱藏一個div有條件

的URL

www.example.com/user=?232343_ads234324#people 

股利

<div id="div1" class="seperate"></div> 
+0

你嘗試了什麼? –

回答

2

嘗試這

var url = document.location.toString(); 

    if (url.match('#people')) { 
    $('#div1').show(); 
    } 
    else { 
    $('#div1').hide(); 
    } 
0

是這樣的嗎?

if(window.location.hash != "#people") { 
    $("#div1").hide(); 
} 
+0

這不提供問題的答案。要批評或要求作者澄清,請在其帖子下方留言。 – helmbert

+0

你爲什麼這麼說?我的回答是他的問題的完美解決方案。 – vdwijngaert

+0

哦,對不起。評論是由審查系統自動生成的,我沒有注意到它。我實際上投票認爲這個答案*應該是一個評論*,因爲它基本上只是一個簡短的代碼片段,沒有任何解釋(僅限於代碼的答案[令人沮喪](http://meta.stackexchange.com/questions/148272/is-儘管我可能同意在這種情況下沒問題,因爲它非常簡單。 – helmbert

0

您可以使用toggle(),如果URL由#people#div1是顯示,隱藏不然。

$('#div1').toggle(window.location.href.indexOf('#people') > -1); 
0

假設元素開頭隱藏:

if (window.location.hash === "#people") { 
    $("#div1").show(); 
} 

但是,如果你不知道的狀態下,按documentation

$("#div1").toggle(window.location.hash === "#people"); 

如果你想也顯示和用#allThePeople這樣的其他哈希來隱藏這個div我推薦:

$("#div1").toggle(new RegExp("people", 'i').test(window.location.hash)); 
// element.visibility (if you can find 'People' in current page URL)