我怎樣才能到鼠標，鼠標中添加事件進行動態DOM元素

Question

我管理的鼠標懸停和鼠標移開的DOM元素，

$(".selector").hover(function(){ 
    console.log('in'); 
},function(){ 
    console.log('out'); 
}); 

但它並不適用於動態內容的工作，哪有我爲動態元素做同樣的事情。

Answer 1

可以使用.on()方法。 n注意hover是mouseenter和mouseleave事件，而不是mouseover和mouseout事件的簡寫。

另外，性能的角度來看，這將是更好的選擇關閉靜態父元素，而不是document對象。

$(document).on({ 
    mouseenter: function() { 
     console.log('in'); 
    }, 
    mouseleave: function() { 
     console.log('out'); 
    } 
}, '.selector'); 

Answer 2

$(document).on("mouseleave", ".selector", function(){ 
    //code here 
}); 

$(document).on("mouseenter", ".selector", function(){ 
    //code here 
}); 

的on功能將附加的事件處理程序，用於偵聽所選對象所指定的事件（第一個參數）。當事件被觸發並冒泡到選定元素（在我們的例子中是文檔）時，它會檢查目標元素是否與第二個參數（選擇器）相匹配。如果目標匹配提供的功能被觸發。在我的示例中，我選擇document，但是您應該選擇最接近的非動態父級，以獲得更好的性能。

Answer 3

$(".selector").mouseover(function(){ 
    console.log('in'); 
}); 

$(".selector").mouseleave(function(){ 
    console.log('in'); 
});