jquery - jQuery を使用して、新しく作成された要素にイベント ハンドラーを自動的に追加します。

Question

ドキュメントの準備ができたら、このイベント ハンドラーをクラス bubbleItemOff を持つすべての要素にアタッチします。私の問題は、ドキュメントの準備完了イベントが発生した後に、いくつかの bubbleItemOff 要素が動的に作成されることです。

新しく作成された要素にイベント ハンドラーを自動的に追加する方法はありますか、または要素が作成された後に明示的に行う必要がありますか?

  $(function() {
      $('.bubbleItemOff').mouseenter(function(e) 
       {
          //...
       });
   });

Answer 1

on委任イベントアプローチでjQueryメソッドを使用できます：

$(".parentItem").on("mouseenter", ".bubbleItemOff", function(e) {
    //
});

Here.parentItemは の任意の親を参照します.bubbleItemOff。

Answer 2

メソッドを使用して、共通の親要素でイベント委任を使用on()します (jQuery 1.7.x + を使用していると仮定します)。

$(function() {
    $('body').on('mouseenter', '.bubbleItemOff', function(e) 
    {
     ...
    }
}

古いバージョンを使用している場合は、delegate()代わりに使用してください。bodyの最初の共通の親要素で変更します.bubbleItemOff