onclick事件不会在JQuery的问题

这是jQuery代码AJAX后工作在类“delete_person”不起作用。但是，当我刷新它的作品。我该怎么办？和所有的它被包含在$(document).ready(function() { });onclick事件不会在JQuery的问题

来源

2014-11-22 Maria Muresan

.delete-person是一个元素被动态地添加到DOM 在之后，AJAX调用已经完成。由于您的jQuery脚本在DOMready上运行（当运行时.delete-person不存在）时，click事件将不会绑定到该元素。

该行$('.delete-person').on('click', function() { ... });在功能上与$('.delete-person').click(function() { ... });相同。要点是，您将单击事件处理程序附加到元素.delete-person，该元素在运行时不在DOM中。

相反，听click事件从.delete-person起源是冒泡的document对象，而不是：

$(document).on('click', '.delete-person', function() { 
    // Do stuff here to delete person 
});

什么上面的代码做不同的是，你甚至在document对象监听点击，但验证该点击事件来自具有.delete-person的类的子元素。由于点击活动将一直泡到document不管对象是否是在运行时存在或不存在，你就可以删除这样的人;）

来源

2014-11-22 15:54:14 Terry

不'。对（）'问题中提及的工作方式和你一样吗？ – Anubhav 2014-11-22 15:56:22

非常感谢你！ – 2014-11-22 15:58:27

不，它不。阅读文档：http://api.jquery.com/on/ – Terry 2014-11-22 15:58:33

确保有关响应数据和使用

$(this).closest("tr").remove();

或尝试：

$(".delete_person").on('click',function(){ 
    var element = $(this);

然后

$(element).closest("tr").remove();

来源

2014-11-22 15:51:13 Ammar

我想你应该只需添加一个本地JavaScript函数像这

for (var i = 0 ; i < array.length; i++){ 
       var split = array[i].split("||"); 
       html = html + "<td><a href='#' onlick='deletePerson("+split[1]+")'>Delete</a></td>" // create the new html with the new item 
      }

然后outsude您的$（document）

function deletePerson(id){ 
    var person_id = id ; 
    //ajax code here 
}

这是我做什么，只要我有了使用jQuery

01 remove函数动态表

来源

2014-11-22 16:04:17 noobHere

这是因为元素不存在于文档中。您需要使用

$(document).on("click", "selector", function(){do something});

希望这有助于:)

快乐学习:)

来源

2014-11-22 16:21:43 Vatsal

onclick事件不会在JQuery的问题

回答

相关问题