JQuery Нажмите событие не получает вызвал

Question

я добавить таблицу в простой HTML-странице после того, как документ, готовый с помощью JQuery

Значение, которое я получаю строка "<table class=\"table table-hover\"><tr><th>Name</th><th>Father name.... <td><a class="deleteEmployee" href=\"#\" >Delete</a></td></tr> " метода

JQuery:

$(function() { 
    $.ajax({ 
    url: "/Account/Report", 
    }).done(function (callback) { 
    $('#report').html(callback); 
    }); 
}); 

Я могу связать строку с div #report, но следующее не работает.

$('.deleteEmployee').click(function() { 
console.log('Clicked'); 
}); 

Я думал, что DOM, возможно, не был обновлен, но я могу видеть обновленный элемент привязки и таблицу.

Что я упускаю здесь.

Answer 1

Если вы хотите прикрепить события динамически загруженного содержимого, вы должны прикрепить событие к документу и использовать селектор, как это:

$(document).on("click",".deleteEmployee",function(){ 
    console.log("Clicked"); 
}); 

Answer 2

Вы можете связать метод щелчка после Аякса нагрузки делается ...

$(function() { 
    $.ajax({ 
    url: "/Account/Report", 
    }).done(function (callback) { 
    $('#report').html(callback); 

      $('.deleteEmployee').click(function() { 
      console.log('Clicked'); 
      }); 

    }); 
}); 

Answer 3

нагрузки(), который я люблю больше всего ... как указано выше

$('#report').load("/Account/Report",function (callback) { 

     $('.deleteEmployee').click(function() { 
     console.log('Clicked'); 
     }); 
})