jquery - 如何使子元素不扩展 jQuery 中的兄弟 div

Question

所以我有一些我应该编辑的代码。

我在这里包含了一些示例代码，这大致是它的外观。

<div class="wraparound">
    <div class="clickable">
        <p>Text</p>
        <a href="">Floated Button</a>
    </div>
</div>

我的问题如下。当您单击“浮动按钮”时，jquery 仍会在环绕分隔符内打开同级 div，就像在用户被发送到浮动按钮链接之前的一瞬间。

如何使按钮在单击时不打开那些 div，即使它位于可单击的 div 内？

Answer 1

单击链接时，您可以停止传播事件：

$('.clickable a').on('click', function(e) {
    e.stopPropagation();
});