javascript - JQuery .load() 意外行为

Question

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

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

我试试这个:

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

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

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

Answer 1

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

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