jquery 父页面判断子页面是否加载完成

• load 和 ready 的区别

用 jquery 的时候，会使用 ready 方法：当 DOM 加载完成时，会执行此方法。这个是判断当前文档的 DOM 是否加载完成，有时候会动态加载子页面，父页面想判断子页面的 DOM 是否加载完成，而且是在不想改变子页面代码情况下。也就是说，就想要在父页面判断子页面 ready 的方法。google下，有建议用$("iframe的Id").load(function () {}) 方式。果然奏效，详细看了下 jquery API：

• load 事件：

事实上 load 是一个事件，ready 是一个方法，再看 load 事件：

绑定“load”事件的元素在当前元素以及所有子元素加载完成之后，会调用“load”的回调函数。也可以为具有 url 属性的元素绑定“load”事件，比如 iframe。

• 问题

但是，但是。在自测时候，偶尔会出现界面样式混乱的情况，原因是引入 miniUI 的样式没有起作用。个人觉得，虽然子页面加载完成，但是 miniUI 还未解析渲染完成。具体的没有做太多尝试，还需要探究。所以，最保险的办法，还是在子页面中的 ready 方法中写处理。