文档准备好并加载 iframe 内容后执行 jQuery

Question

正如您在此页面上看到的http://musicglaze.com/chase-status-let-you-go-feat-mali-feed-me-remix/#comments
评论部分不合适，经过研究我了解到这是因为负责样式的插件（http://masonry.desandro.com/）在内部被调用

$(document).ready(function(){

});

功能。然而，之后内容被加载到 iframe 中，因此改变了它的高度，但是由于插件考虑到它的原始高度而没有内容，所以一切都搞砸了。有什么我可以使用的类似于这个伪代码的东西吗？

Document ready AND iframe content loaded {

//My jQuery code

}

Answer 1

使用$('#iframeId').load(function() { ... }); 而不是onReady。根本问题是允许父框架访问 iframe 的内容存在跨域安全风险，因此 onReady 不可用，但 onLoad 仍然可以访问。更多详情请见：http://www.nczonline.net/blog/2009/09/15/iframes-onload-and-documentdomain/

Answer 2

同样的 ready() 函数

$(document).ready(function() {
    $('#frameId').ready(function() {
    ...
    });
})