在動態創建的元素上使用hover（）

Question

我想在動態創建的元素上使用jQuery的hover() 。 我嘗試了以下但沒有成功。 我怎樣才能做到這一點？ 我無法使用mouseenter和mouseleave因為此頁面將被嵌入到iframe中。

$(document).on('hover', '.dynamic', function(){
    //do
});

Answer 1

hover（）不是事件，它是用於注冊mouseenter和mouseleave事件處理程序的實用程序方法。

.hover（）方法為mouseenter和mouseleave事件綁定處理程序。 您可以使用它在鼠標位於元素內時將行為簡單地應用於元素。

因此，您可以將mouseenter和mouseleave事件處理程序用於動態元素

$(document).on('mouseenter', '.dynamic', function () {
    //do
}).on('mouseleave', '.dynamic', function () {
    //do
});

---

如果您想同時使用單個處理程序，則

$(document).on('mouseenter mouseleave', '.dynamic', function () {
    //do
});