我在我的网站上有一些可排序的“页面”。他们也自动更新到数据库。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