javascript-events - .on() を使用した Jquery イベント バインディング

Question

なぜこれがうまくいくのか、誰かが私に説明できますか：

parentBox.on('click', '.close', function() {
   parentBox.fadeOut();                  
   return false; 
 });

しかし、これはしません:

var closeBox = $('.close');
parentBox.on('click', closeBox, function() {
   parentBox.fadeOut();
   return false; 
});

にキャッシュ'.close'するvarと、親要素のどこをクリックしても、イベント ハンドラがparentBoxではなくにアタッチされているかのようにフェードアウトし'.close'ます。

ありがとう。

Answer 1

これは機能しません。

.on( events [, selector] [, data], handler(eventObject) )

特定のオブジェクトにバインドする必要がある場合は、2 番目のパラメーターは常にセレクター(文字列型) です。

 closeBox.bind('click',function(){/* code here */})