JQuery .load()意外行为

时间:2014-12-13 18:41:18

标签: javascript jquery ajax

我有一个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元素。

1 个答案:

答案 0 :(得分:1)

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

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