如何避免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 
});