Click eeventでボディからクラスを除外する

Question

ボディクリックにクラスを切り替えたいと思っています。しかし、クラス "mainDIV"を持つ特定のDIVが同じボディに反映されている場合は、 そのDIVのボディクリックイベントを除外します。そのため、ユーザーが「mainDIV」をクリックしたときに、本文のクリックイベントが発生してはならない。

私はjQueryのでは、このコードを使用していますが、そのは動作していない：

$("body :not(.mainDIV)").bind("click", function() { 
    $('.offerClass').show(); 
}); 

Answer 1

bind()方法は、そうではなくon()方法で行く方が良いでしょうjQueryの3.0に廃止されました。

bodyでイベントをバインドし、メソッドを使用して.mainDIVメソッド内でクリックしたときにイベントのバブリングを防止します。

$("body").on("click", function() { 
    $('.offerClass').show(); 
}).on('click','.mainDIV',function(e){ 
    e.stopPropagation(); 
}); 

Answer 2

まず、bind()は非難されました。代わりにon()を使用してください。動作していないものを

$(document).on("click", function(e) { 
    if (!$(e.target).hasClass('mainDIV')) 
    $('.offerClass').show(); 
});