onclick事件不會在JQuery的問題

Question

這是jQuery代碼AJAX後工作在類「delete_person」不起作用。但是，當我刷新它的作品。我該怎麼辦 ？和所有的它被包含在$(document).ready(function() { });

Answer 1

.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不管對象是否是在運行時存在或不存在，你就可以刪除這樣的人;）

Answer 2

確保有關響應數據 和使用

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

或嘗試：

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

然後

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

Answer 3

我想你應該只需添加一個本地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函數動態表

Answer 4

這是因爲元素不存在於文檔中。您需要使用

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

希望這有助於:)

快樂學習:)