添付HTMLがアセットを読み込むまで待つ方法

Question

私はHTMLを生成するギャラリープラグインを持っています。私は何とかして、追加されたHTMLがそれを再度読み込むためのアセットを読み込むまで待つ必要があります。私はwindow.loadを試みたが、うまくいかなかった。対象となる領域を変更する作業は、私が非常にハッキリと感じるsetTimeoutコールバックです。

私は何をしようとしていますか？ 私が生成されるマークアップ上で実行しようとしている現在のコードは次のようになりますときに

jQuery('ol').append('<li data-toggle="modal" id="thumb" class="yt-thumb" overflow-scroll="false" overflow-scroll="true" data-target="#youtubeModal"><img src="/images/dome-thumb.jpg" /></li> '); // add youtube to thumb slider 
jQuery('ol').appendTo(jQuery('#thumb-area')) 

Answer 1

は、相続人は、私がどうなるのか、私はその完璧ではないが認識していますがonloadイベントでsepratly DOMに画像を挿入でき、ブラウザがイメージを完全にロードしたことを知っているモーダルを挿入して戻します。

$('body').append('<img style="display:none" id="temp">'); 
$tempImg = $('img#temp'); 
$tempImg.on('load', function() { 
    // Append your modal here 
    jQuery('ol').append('<li data-toggle="modal" id="thumb" class="yt-thumb" overflow-scroll="false" overflow-scroll="true" data-target="#youtubeModal"><img src="/images/dome-thumb.jpg" /></li> '); // add youtube to thumb slider 
    jQuery('ol').appendTo(jQuery('#thumb-area')) 
}); 
$tempImg.attr('src', '/images/dome-thumb.jpg'); 

あなたは隠された一時画像にSRCを更新するときに、ブラウザは、それが終了したとき、あなたはモーダルを挿入し、画像をダウンロードします。