Question

我在网上找到了很多关于Hash的信息，但没有什么可以解决的。当你点击它的父级时，我有隐藏然后显示的div。我要补充的是，如果你输入一个与anochor的href attr相匹配的#Hash标签 - 触发它就被点击了。

我现在的代码：

$('.speaker_container').on('click','.speaker_img',function(){ $(this).siblings('.speaker-bios').toggle(150);});


 <section id="speakers">
<div class="speaker_container clearfix">
    <div class="speaker_img">
        <a class="speaker_img" href="#speaker1"><img>Text</a>
    </div>
    <h3>Name</h3>
    <p class="clearfix">Text</p>
    <div class="speaker-bios" style="display: none;">
        <p>Hidden text</p>
    </div>
</div>
<div class="speaker_container clearfix">
    <div class="speaker_img">
        <a class="speaker_img" href="#speaker2"><img>Text</a>
    </div>
    <h3>Name</h3>
    <p class="clearfix">Text</p>
    <div class="speaker-bios" style="display: none;">
        <p>Hidden text</p>
    </div>
</div>
and so on....

`

Answer 1

这应该可以解决问题。

$(function(){
   var hash = window.location.hash;
   if(hash != 'undefined'){
      $('a[href='+hash+']').parents('div.speaker_container').trigger('click');

   }
});

Answer 2

如果（如果是JQuery）

var hash = window.location.hash;
$(hash).show();

根据与网址中的哈希值匹配的Anchor Href attr显示/隐藏Div

2 个答案: