Question

这是事情

我有两个div元素，我想只显示其中一个，另一个根据以下情况隐藏：

第一个div是一个介绍页面，其中包含一个隐藏第一个div并显示第二个div的按钮.Second div是页面的主要内容。

如果用户附带没有主题标签的网址，则会显示第一个div（简介），但用户可能会在网址中附带主题标签。在这种情况下，我想跳转到第二个div并忽略介绍< / p>

<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中的hashtag？有什么想法吗？

提前致谢

Answer 1

您需要检查location.hash，它会返回＃后面的网址部分。

$(document).ready(function(){
  if (location.hash != '') {
    $('#first-div').show();
    $('#second-div').hide();
  } 
}

Answer 2

您可以使用location.hash属性

if (window.location.hash == "#notIntro") {
  // do here
}

Answer 3

if(window.location.hash) {
    $('#first-div').hide();
    $('#second-div').show();
} 
else {
    $('#first-div').show();
    $('#second-div').hide();
}

跳转到有关hashtag的页面部分

3 个答案: