如何使子元素不在jQuery中扩展兄弟div

Question

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

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

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

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

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

Answer 1

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

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