JQuery .load() 意外行为

Question

我有一个div parent，其中每个child div 都是从服务器动态填充的项目列表。每个项目旁边都有一个复选框，选中后会将该项发送到parent div 列表的底部。

我有一个 ajax 请求将复选框状态发送回服务器以更新数据库记录，在此 ajax 调用之后，我尝试使用 .load() 方法重新填充 div parent 与每个 child div还将选中的项目包括在列表的末尾。

我试试这个：

$('#showTasks').load('/wp #showTasks', function(){
    loadTasks();    
});

#showTasks 是父 div，loadTasks() 获取服务器数据并创建每个子 div 并将其附加到父 div，并将选中的项目附加到 div 的末尾。

但是，这不会将选中的项目发送到底部，我必须手动刷新才能看到这个特定的 div 元素最后附加在列表中。

Answer 1

我认为我们可以将您的代码放在 $(document) 中，如下所示

$(document).ready(function()
{
  $("#showTasks").load();
  loadTasks();
});