如何解决手风琴标题中的引导程序链接:stopPropagation 不起作用
我正在尝试在点击事件上使用 stopPropagation 将外部链接添加到引导手风琴标题。
不幸的是,链接不起作用,手风琴的展开/折叠仍然发生。
html:
<ul class="accordion" id="collapse1">
<li>
<div class="accordion-button collapsed" href="#one"
data-bs-toggle="collapse" data-bs-target="#one" aria-expanded="false">
Maincategory
/
<a href="https://google.com" class="non-collapsing">
open
</a>
</div>
<ul class="accordion-collapse collapse" id="one" data-bs-parent="#collapse1">
<li><a href="#">Sub 1</a></li>
<li><a href="#">Sub 2</a></li>
<li><a href="#">Sub 3</a></li>
</ul>
</li>
</ul>
js:
$('.non-collapsing').on('click',function (e) {
e.stopPropagation();
});
jsfiddle:https://jsfiddle.net/ct503zgf/
有人可以提示为什么这不起作用吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。