jquery - 当 Jquery hide() 和 show() 用于包含 div 时，div 内的链接不可点击

Question

我的页面 div 内的链接出现问题。目前，单击链接时没有任何反应。我不明白为什么，但我想这与在包含的 div 上使用 hide() 和 show() 有关，我将在下面解释。

div 是自定义“ Accordion ”的一部分，它使用以下 Jquery 在单击标题时打开/关闭正确的 div:

   $('.accordion .head').click(function () {
     $('.accordion .head').next().hide();
     $('.accordion .head').removeClass("active");

     $(this).next().show('fast');
     $(this).addClass("active");
     return false;
});

我知道有更好的方法来实现“ Accordion ”行为，但因为这是在我们的网站上使用的，所以我无法选择更新 Accordion 以使用实际的 Jquery Accordion() 方法，而无需进行大量操作为自己做额外的工作。

那么，鉴于下面的示例代码，任何人都可以帮助我理解这里的问题是什么，或者如何克服它？

<div class="accordion">
  <div class="head active"><a href="#">Heading 1</a></div>
  <div class="accordion-content first">
      <p>
           Some text here
      </p>
      <div class="accordion-logos"> 
      </div>
  </div>            
  <div class="head"><a href="#">Heading 2</a></div>
  <div class="accordion-content">
      <p>
          Some other text here 
      </p>
      <p>
          <a href="http://www.google.com">http://www.google.com</a>                                    
      </p>
  </div>            
</div>

当我专门处理它时，我什至无法点击注册，当点击链接时，下面代码中的警报永远不会触发:

  $('.accordion .accordion-content #thelink').click(function () {
    alert();
  });

谢谢，

玫瑰

Answer 1

我遇到了链接无法点击的问题，我遇到了这篇文章来尝试找到答案。问题是，在标题下方的 div 元素上触发 jquery hide() 后，标题中的链接不可单击。我将代码更改为 SlideUp() 而不是 hide()，并且链接是可单击的。我不确定这是否解决了您在这篇文章中指定的问题，但鉴于它是相关的，我想我会分享它，因为它可能会对遇到这篇文章的任何人有所帮助。它不像 .hide() 那样合适，但是是一个可用的解决方法。

$('#mydiv').slideUp();