web-dev-qa-db-ja.com

ドキュメントの準備が整い、iframeコンテンツが読み込まれたら、jQueryを実行します

このページでわかるように 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

}
javascriptjqueryiframejquery-masonry
10
Ilja

同じready（）関数

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

onReadyの代わりに$('#iframeId').load(function() { ... });を使用してください。根本的な問題は、親フレームがiframeのコンテンツにアクセスできるようにすることにはクロスドメインセキュリティリスクがあるため、onReadyは利用できませんが、onLoadは引き続きアクセスできることです。詳細については、以下を参照してください。 http://www.nczonline.net/blog/2009/09/15/iframes-onload-and-documentdomain/

19
geofflee