Javascript 在jQuery.html（）更新中，其他函数停止工作

我的网站上有一些可排序的“页面”。它们还自动更新到数据库

在对我的

li

列表进行排序后，将调用一个php页面对“页面”重新排序，然后我调用

.html（data）

来更改页面上显示的页面顺序

但是，完成此操作后，javascript中的自动更新功能停止工作

有一个

#form1

在排序之前工作，并调用

.html（数据）

。调用后，上一个

#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);
 });

---

可能是过度编写绑定了处理程序的元素的情况，在这种情况下，您需要事件委派：

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

---

这似乎有效！但是现在我的

$（“#form1”）.submit（函数（事件）{

停止被调用。同样的问题，更改为上面的格式，

（容器）。在（'submit'，'#form1'，函数（e）

谢谢@tymeJV这工作得很好！除了我必须做

函数（事件）