Question

在使用jQuery文档准备好后，我将表格添加到纯HTML页面

我得到的值是一串"<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

你可以在完成ajax加载后绑定click方法......

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

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

  });
});

Answer 3

load（）我最喜欢......如上所述

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

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

jQuery Click事件未被触发

3 个答案: