在重新加载页面的部分后，是否有相当于$(document).ready的初始化？

Question

我有以下非常标准的流程：

1. 我用$(document).ready初始化我的页面。这包括将事件绑定到表中的元素。
2. 然后通过ajax调用动态刷新表的内容。

现在我需要将事件重新绑定到表内容。有什么标准的方法吗？也就是说，在$(document).ready部分页面DOM更新之后，是否有类似的？

谢谢。

Answer 1

查看使用活着的事件委托。从医生那里：

当您绑定“活动”事件时，它将绑定到页面上的所有当前和未来元素(使用事件委托)。例如，如果将活动单击绑定到页面上的所有" li“元素，那么稍后添加另一个li--单击事件将继续适用于新元素(绑定不是这种情况，必须在所有新元素上重新绑定)。

举个例子：

$('#myTable td').live("click", function() {
    alert('hello!');
});

这将保留绑定到表中单元格的事件，即使它已被替换。活着手册上说：

将处理程序绑定到所有当前和未来匹配元素的事件(如单击)。

或者，您可以将绑定包装到函数中，并让该函数作为对更新表数据的方法的回调执行，例如：

function bindStuffToTable()
{
    $('#myTable td').click(function() {
       alert('Hello!');
    });
}

$('#myTable').load('/some/link', bindStuffToTable);

或者，如果整个表被动态替换，则更有可能：

$('#someButton').click(function() {
    //replaces the contents of someDiv with the table generated by foo.php
    $('#someDiv').load('foo.php', bindStuffToTable);
});

Answer 2

如果收到部分更新，则再次使用$(document).ready() .

这是AJAX响应

<script type="text/javascript">
    $(document).ready(function() {
        alert($('div.partialresponse').html());
        //Alerts 'content'
    });
</script>
<div class="partialresponse">
   content
</div>