AJAX請求

Question

我現在有這些的動態數$data['id']當可摺疊<div>打開。

我嘗試使用.click方法，但我無法使它適用於動態列表<div> s。我感覺一種等待動畫完成的方法（以確保頁面仍然響應）是最好的方法。

有人可以幫忙嗎？

Answer 1

對於動態生成的內容，我建議您使用.on()方法。採取例如以下代碼：

$('#container').on('click', 'div', function() { 
    var id = $(this).attr('id'); 
    $(this).animate({ 
     your animation 
    }, 5000, function() { 
     $.ajax({ 
      url: "another_resource.php", 
      type: "POST", 
      data: { 
       id: id 
      }, //data to be sent 
      dataType: "text", //return data type 
      async: false, 
      success: function(data) { 
       console.log(data); 
      }, 
      error: function(data) { 
       console.log(data); 
      } 
     }); 
    }); 
} 

的第一個參數是事件（一個或多個）（可以是分隔爲多個事件的空間），而第二個可以是靶向元件，或者要執行的函數。最後，在這種情況下，當然是要執行的功能。

ajax將在動畫完成後按要求執行。