在皮膚上做出例外

Question

我想在圖像附近有一個切換按鈕來顯示信息並點擊正文隱藏所有內容。 我的問題是，當我點擊按鈕它隱藏我的形象。所以我想知道是否有一種簡單的方法來製作「異常」。

$("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(); 
});