如何在無法刷新頁面上的div時重新加載

Question

在我的表中，我得到的結果來自數據庫，當我單擊表中的一個鏈接來刪除它時，我試圖讓表格刷新重新加載頁面。在下面的代碼中，它可以工作，但我仍然需要刷新整個頁面才能點擊另一個鏈接。卡住！！

$(document).ready(function(){ 

     $('td a').click(function(){ 
      //alert($(this).attr('id')); 
      var id =$(this).attr('id'); 
      var img_name =$(this).attr('name'); 
      //alert(img_name); 

      $.ajax({ 
      type: "POST", 
      url: "remove.php", 
      cache: false, 
      data: "id="+ id +"&img_name="+ img_name, 
      success: function(message){ 
       alert(message); 
      } 
     }); 

     var url = "delete.inc.php"; //create random number 

      setTimeout(function() { 
     $("#table").load(url+" #table>*"); 
      }, 1000); //wait one second to run function 
     /////////////////////// 
     }); 

Answer 1

問題是，您的點擊事件綁定到'td a'，一旦表被重新加載，將被刪除並替換。因此它將只能工作一次。每次重新載入表格時都需要設置您的點擊事件。

我會建議爲您的ajax請求創建一個單獨的函數。然後在你的$（document）。就緒設置點擊事件......

$(document).ready(function(){ 
    $('td a').click(function_name); 
}); 

，還可以設置它在你的成功的功能...

... 
success: function(message){ 
    alert(message); 
    $('td a').click(function_name); 
} 
...