jQuery的Click事件没有得到触发
问题描述:
我一个表添加到一个普通的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可能没有更新,但我能够看到锚元素和表更新。
我在这里错过了什么。
答
如果要附加事件动态加载的内容,您必须将事件附加到文档和使用这样的选择:
$(document).on("click",".deleteEmployee",function(){
console.log("Clicked");
});
+0
谢谢你的作品 – 2015-02-07 11:20:40
答
AJAX加载完成后,您可以点击绑定...方法
$(function() {
$.ajax({
url: "/Account/Report",
}).done(function (callback) {
$('#report').html(callback);
$('.deleteEmployee').click(function() {
console.log('Clicked');
});
});
});
答
负载(),我最喜欢的......如上
$('#report').load("/Account/Report",function (callback) {
$('.deleteEmployee').click(function() {
console.log('Clicked');
});
})
我只能假设你需要'$(文件).RE ady(function(){...});'围绕你提供的代码的点击事件。 – EternalHour 2015-02-07 11:11:37
@EternalHour把它放在你指出的准备好之内 – 2015-02-07 11:14:35