Как избежать конфликтов классов в jQuery

Question

В моем коде мы будем генерировать динамические divs согласно нашему требованию, как количество встреч в день. Наше главное требование заключается в том, что при наведении курсора мыши, мы извлекаем детали пациента для конкретной встречи ..

Мой 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.

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