隐藏时异常

Question

我希望在图像附近有一个切换按钮来显示信息，然后点击正文以隐藏所有内容。 我的问题是，当我点击按钮时它会隐藏我的图像。因此，我想知道是否有一种简单的方法可以制作类似＆＃34;例外＆＃34;。

    $("body").click(function(){
      $("img").hide();
    });

    $('button').click(function() {
        $('div').toggle();
    });

这是一个Jsfiddle：http://jsfiddle.net/fbgy0aq9/

Answer 1

当您点击body中包含的任何时，点击事件将“冒泡”文档，最终还会调用body本身的点击处理程序。您可以stop this propagation，something like this：

$('button').click(function(e) {
    $('div').toggle();
    e.stopPropagation();
});

另一种方法可能是修改body点击处理程序中的选择器，以忽略来自按钮的点击something like this：

$("body").on('click', ':not(button)', function(){
    $("img").hide();
});