javascript - 文档准备好并加载 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

}

score 20 · Accepted Answer

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

score 2 · Accepted Answer

相同的 ready() 函数

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

2 回答 2