1

这是事情

我有两个 div 元素，我希望仅显示其中一个，而根据以下情况隐藏另一个：

第一个 div 是一个介绍页面，带有一个隐藏第一个 div 和显示第二个 div 的按钮。第二个 div 是页面的主要内容。

如果用户带有一个没有主题标签的 url，则将显示第一个 div（Intro），但用户有可能在 url 中带有一个主题标签。在这种情况下，我想跳转到第二个 div 并忽略 intro

<div id="first-div">
    <!--intro section-->
    <button>Show details</button>
</div>
<div id="second-div" style="display:none">
    <!--Details-->
    <div id="description"></div>
    <div id="comments"></div>
</div>

<script>
    $(document).ready(function(){
        $('button').on('click',function(){
            $(this).parent().hide();
            $('#second-div').show();
        });
    });
</script>

所以问题是如何使用 JQuery 处理 url 中的主题标签？知道吗？

提前致谢

4

3 回答 3

3

您需要检查location.hash，它会返回 # 之后的 URL 部分。

$(document).ready(function(){
  if (location.hash != '') {
    $('#first-div').show();
    $('#second-div').hide();
  } 
}
于 2013-10-08T20:08:55.673 回答
2

您可以使用location.hash属性

if (window.location.hash == "#notIntro") {
  // do here
}
于 2013-10-08T20:08:40.400 回答
2 
if(window.location.hash) {
    $('#first-div').hide();
    $('#second-div').show();
} 
else {
    $('#first-div').show();
    $('#second-div').hide();
}
于 2013-10-08T20:13:09.633 回答