事件監聽器在post方法中被刪除

Question

當我用class數據庫頭部單擊一個th後，我的表通過post方法被排序，但由於某種原因，click事件監聽器被刪除，所以當我再次點擊不同的數據庫頭，沒有任何反應。我做錯了什麼？

$(function() { 
    var user = $('#user'); 
    var databaseHeader = $('.database-header'); 
    var tableContainer = $('.table-container'); 
    var databaseHeaderValue; 
    var url = './php/table.php'; 

    databaseHeader.click(function() { 
/* Checks for the user login div */ 
     if (user.closest('html').length){ 
      databaseHeaderValue = $(this).html(); 
      $.post(url, {'sort' : databaseHeaderValue}, function (data) { 
       tableContainer.html(data); 
      }); 
     } 
    }); 
}); 

Answer 1

您是否只刷新頁面的一部分？動態添加DOM元素後，您無法使用jquery選擇器來抓取它。

嘗試

$(body).on("click", ".database-header",function(){ 
etc.. 
} 

Answer 2

試着改變你的jQuery click象下面這樣：

var user = $('#user'); 
var databaseHeader = '.database-header'; 
var tableContainer = $('.table-container'); 
var databaseHeaderValue; 
var url = './php/table.php'; 

$(document).on('click', databaseHeader, function() { 
    /* Checks for the user login div */ 
    if (user.closest('html').length){ 
     databaseHeaderValue = $(this).html(); 
     $.post(url, {'sort' : databaseHeaderValue}, function (data) { 
      tableContainer.html(data); 
     }); 
    } 
});