gpt4 book ai didi

twitter-bootstrap - Accordion header : stopPropagation not working 中的 Bootstrap 链接

转载 作者:行者123 更新时间:2023-12-01 23:25:40 27 4
gpt4 key购买 nike

我正在尝试在点击事件上使用 stopPropagation 将外部链接添加到 Bootstrap Accordion header 。

不幸的是,链接不起作用, Accordion 的展开/折叠仍然发生。

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
&nbsp;/&nbsp;
<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/

有人可以提示为什么这不起作用吗?

最佳答案

添加data-bs-toggle="collapse"和一个空的 data-bs-target链接元素对我有用。 (也适用于 <button> 而不是 <a> )

<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
&nbsp;/&nbsp;
<a href="https://google.com" class="non-collapsing" data-bs-toggle="collapse" data-bs-target>
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>

jsfiddle:https://jsfiddle.net/Lkfdr2vt/

关于twitter-bootstrap - Accordion header : stopPropagation not working 中的 Bootstrap 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67281841/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com