jQuery手风琴与href和可折叠

Question

我正在使用href链接和可折叠标题制作手风琴菜单。问题是，当我单击子手风琴时，它会折叠父级。有什么解决方法吗？

<ul class="accordion">
  <li>
    <a class="acc-header" href="http://www.google.com">menu - level 1</a>
    <h3>+</h3>
    <ul class="accordion">
      <li>
        <a class="acc-header" href="http://www.google.com">menu - level 2-1</a>
      <h3>+</h3>
        <ul class="accordion">menu - level 3</ul>
      </li>
      <li>menu - level 2-2</li>
    </ul>
  </li>
</ul>

<script type="text/javascript">
  $(document).ready(function(){
    $( ".accordion" ).accordion({
      header: "h3",
      collapsible: true,
      heightStyle: "content",
      active: false,
      icons: false,
      animate: 200,
    });
  });
</script>

这是更新的版本，它正在工作。解决方案是使用“event.stop传播（）”（如@Renan Arajo所述）并删除手风琴上的标题设置。

https://codepen.io/CocoSkin/pen/vRQyZP

Answer 1

由于从锚点元素中触发了click事件，相应的正在关闭。

使用停止传播来防止来自锚点的嗡嗡声：

$( ".accordion a" ).click(function(e) {
    e.stopPropagation();
});

我建议您阅读有关事件冒泡的内容，并检查stopPropagation方法。