jQuery load-event after replaceWith

Question

私はajaxにいくつかのコンテンツを読み込み、ページ上の既存のコンテンツを新しくダウンロードしたコンテンツに置き換えようとしています。問題は、置き換えられたデータに対してload(handler(eventObject))イベントをバインドする必要があることです。すべての画像がロードされたらトリガーする必要があります。ここで私はこれまで持っているものです。

$("#mainContentHolder").live("load", function(){ 
    alert("images loaded!") 
}); 

$.get("content.htm", function(data){ 
    $("#mainContentHolder").replaceWith(data); 
    alert("content is loaded!"); 
}); 

は、私は、コンテンツがロードされている警告を参照してくださいが、イメージがロードされ、警告画像に負荷が発生したことはありません前に、それは（私も前bind()代わりのlive()を試してみました）が起こります。 誰かがその修正を知っていますか？

Answer 1

これは、またはあなたの問題ではないかもしれないかもしれないが、それはあなたがAJAXコンテンツのロード時に交換されているために、あなたのイメージのロード機能を付属しているコンテナのようになります。

$("#mainContentHolder").live("load", function(){ //you are attaching to current and future '#mainContentHolder' elements 
    alert("images loaded!") 
}); 

$.get("content.htm", function(data){ 
    $("#mainContentHolder").replaceWith(data); //'#mainContentHolder' element is replaced with something else 
    alert("content is loaded!"); 
}); 

わからない来ているどのようなコンテンツをあなたのAJAX呼び出しから戻ってきますが、#mainContentHolder要素がない場合、画像ロードイベントハンドラがアタッチするためのものはありません。

それはそれではない場合は、このビットもあります：（http://api.jquery.com/load-event/から）

なお、画像はブラウザのキャッシュからロードされた場合にloadイベントがトリガされない可能性があります。この可能性を考慮するために、イメージが準備できたらすぐに起動する特別なロードイベントを使用できます。 event.special.loadはcurrently available as a pluginです。

これらのうちの1つがお役に立てば幸いです。

Answer 2

ライブロード機能に$ .getを入れることは可能ですか？

$("#mainContentHolder").live("load", function(){ 
    alert("images loaded!"); 
$.get("content.htm", function(data){ 
    $("#mainContentHolder").replaceWith(data); 
    alert("content is loaded!"); 
}); 
});