使用jQuery自動將事件處理程序添加到新創建的元素

Question

在文檔準備就緒後，我將此事件處理程序附加到具有類bubbleItemOff的所有元素。 我的問題是，一些bubbleItemOff元素是在文檔就緒事件觸發後動態創建的。

有沒有辦法自動將事件處理程序添加到新創建的元素，還是我必須在元素創建後明確地執行它？

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

Answer 1

使用on()方法（假設您使用的是jQuery 1.7.x +），在常用的父元素上使用事件委託。

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

，如果您使用的是舊版本使用delegate()代替。使用第一個共同父元素.bubbleItemOff

更改 body

Answer 2

您可以委派事件的方法使用jQuery on方法：

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

這裏.parentItem指.bubbleItemOff任何父。