2015-04-22 129 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)