Question

当使用jQuery文档就绪时，即$(document).ready(function() { }有没有可能DOM尚未完全加载呢？

我正在使用一些3 ^rd派对工具（Telerik's grid），并设置了一个客户端模板来显示一个复选框，就像this一样。代码：

.ClientTemplate("<input type='checkbox' name='checkedRecords' value='<#= OrderID #>' />") 

---

的原因，我想问的是，我试图将事件挂钩到所有复选框监测change：

$(':input').change(
    function() { 
     alert('you fired!'); 
}); 

我手动把复选框Telerik的电网之外代码，它挂钩到复选框更改，但没有一个复选框内的电网做...

而在那种情况下 - 是否有工作？

Answer 1

有没有机会HTML页面中静态定义的DOM尚未在$(document).ready()加载。但是，如果您使用的是动态加载或创建HTML的第三方库，则不能保证该库在$(document).ready()时已完成业务。事实上，这很可能没有。

你有几个选择：

1. ，可以看到被第三方库后触发创造它的HTML，从而复选框现在存在，然后使用场景下的传统jQuery的挂钩到他们的事件。
2. 您可以使用jQuery中的.live()功能捕获甚至DOM对象的事件，这些事件在您指定要连接它们时尚未存在。你可以在这里阅读.live()：http://api.jquery.com/live/。它的工作原理与普通的事件处理程序相似，只是它仅适用于某些事件，并且在如何停止传播方面存在一些差异。

Answer 2

尝试用活，

$(':input').live('change', function() { 
       alert('you fired!'); 
      }); 

编辑

.live（）已过时形式的版本1.7，自1.9版本被删除： 而是现场使用on()