如何避免jQuery中的類衝突

Question

在我的代碼中，我們將根據我們的要求生成動態div，例如每天的約會次數。我們的主要要求是，鼠標懸停，我們取患者的特定相遇的細節..

我的HTML像如下

<div class="schediv" id="1"></div> 
<div class="schediv" id="2"></div> 
<div class="schediv" id="3"></div> 

和jQuery是如下

$('.schediv').mouseover(function() { 
    var id = $(this).attr('id'); 
    alert(id); 
    ------- 
); 

寫它適用於單個div，但它不適用於多個div。

Answer 1

您需要使用.on()，因爲您是動態添加DOM的DOM。

$(document).on('mouseover','.schediv',function(){ 
    //code goes here 
});