динамические элементы и прослушивание событий на них

Question

У меня есть список писем на странице.

У меня также есть ajax-звонок каждую минуту, чтобы проверить новое электронное письмо.

var getMail = function(){ 
      var custId = "<?php echo $_POST['custId'];?>"; 
    $.ajax({ 
      type:"POST", 
        url:"installManager/getMail.php", 
        data:"custId="+custId, 
      success: function(result){ 
        $('.comms').html(result); 
      } 
      }); 
    } 
    var interval = 1000 * 60 * 1; 
    setInterval(getMail,interval); 

Я пытаюсь настроить прослушивание для зависания над этими вновь созданными li.

$('.emails').on('mouseover',$('li'),function(){ 
        alert('this is an email'); 
    }); 

зависание не срабатывает после пожара ajax. Что я делаю не так?

Answer 1

Попробуйте

$('.comms').on('mouseover', 'li.emails', function(){ 
    alert('this is an email'); 
}); 

Answer 2

Ваши .emails элементы заменяются так что вам нужно будет связать действие парения снова или использовать связывание динамика:

$('.comms').on('mouseover', '.emails', function(){ 
    alert('this is an email'); 
});