2015-02-07 35 views
0

我一个表添加到一个普通的HTML页面使用jQueryjQuery的Click事件没有得到触发

,我得到的是"<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可能没有更新,但我能够看到锚元素和表更新。

我在这里错过了什么。

+0

我只能假设你需要'$(文件).RE ady(function(){...});'围绕你提供的代码的点击事件。 – EternalHour 2015-02-07 11:11:37

+0

@EternalHour把它放在你指出的准备好之内 – 2015-02-07 11:14:35

回答

1

如果要附加事件动态加载的内容,您必须将事件附加到文档和使用这样的选择:

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

谢谢你的作品 – 2015-02-07 11:20:40

1

AJAX加载完成后,您可以点击绑定...方法

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

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

    }); 
}); 
0

负载(),我最喜欢的......如上

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

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