html停止工作,jQuery .html（）更新，其他功能停止工作

我在我的网站上有一些可排序的“页面”。他们也自动更新到数据库。jQuery .html()更新，其他功能停止工作

在我对li列表进行排序后，会调用一个php页面重新排列“页面”，然后我调用.html(data)来更改页面上显示的页面的顺序。

但是，这样做后，我的自动更新功能在我的JavaScript停止工作。

有一个#form1在排序发生前调用，.html(data)被调用。一旦被调用，先前的#form1被删除并重新添加到页面中。这是当它停止工作。

有没有人知道这个推理？

我的更新脚本

$("#reportNav").sortable({

stop : function(event, ui){

var postData = $(this).sortable('serialize');

var url = "saveOrder.php";

$.ajax({

type: "POST",

url: url,

data: postData,

success: function(data) { $('#reportContainer').html(data); },

error: function(data) { $changesSaved.text("Could not re-order pages."); }

});

}

});

什么停止工作/停止被称为

var timeoutId;

$('#form1').on('input propertychange change', function() {

clearTimeout(timeoutId);

timeoutId = setTimeout(function() {

// Runs 1 second (1000 ms) after the last change

$("#form1").submit();

}, 1000);

});

2013-11-20

bryan