如何防止click事件传播到父元素

Question

无法解释，所以我制作了jsfiddle，但是当您点击toggleButton并点击div removeBtn并打开菜单时，可以看到删除项目，但幻灯片切换因此而被激活...

我没有使用传统的点击幻灯片，因为如果用户在div外点击，我希望mainMenu关闭...

知道为什么吗？

Answer 1

使用e.stopPropagation();阻止点击事件的传播：

$('#removeBtn').click(function(e) {
    e.stopPropagation();
    $(this).parent('div').remove();
});