jQuery .find（）が時々見つからない

Question

ウェブページのHTMLをiframeに読み込んで解析し、その後DOMで検索してみようとしています。私は、次の

function callback(bdy) { 
    alert($(bdy).find('bar').length); 
} 

ような何かを行う場合はここでコールバック関数で

function f(callback) { 
    var tmp = document.createElement('iframe'); 
    $(tmp).hide(); 
    $(tmp).insertAfter($('foo')); 
    $(tmp).attr('src', url); 

    $(tmp).load(function() { 
     var bdy = tmp.contentDocument.body; 
     callback(bdy); 
     $(tmp).remove(); 
    }); 
} 

コードは、時にはそれは私に正しい値を与えていますが、時にはそれは、代わりに私に0を与えます。 setTimeout（）は、クライアントの終了に依存しているのでしかし、私は次の操作を実行した場合、それは

var tmp = document.createElement('iframe'); 
$(tmp).hide(); 
$(tmp).insertAfter($('foo')); 
$(tmp).attr('src', url); 

$(tmp).load(function(tmp) { 
    setTimeout(function() { 
     var bdy = tmp.contentDocument.body; 
     callback(bdy); 
     $(tmp).remove(); 
    }, '100'); 
}); 

を動作しますが、私は同じ目標を達成するための任意のより良い方法があるかどうかを知りたいです。ありがとう。

Answer 1

thisの質問とその多くの回答および関連する質問を確認してください。

---

更新。 がロードされるまで待つコードは次のとおりです。

function f(callback) { 
    var tmp = document.createElement('iframe'), 
     $tmp = $(tmp); 
    $tmp.hide() 
     .insertAfter($('foo')) 
     .attr('src', url); 

    $tmp.load(function() { 
     var bdy = tmp.contentDocument.body, 
      $bdy = $(bdy); // small optimization 

     var waitForBar = function() { 
      if($bdy.find('#bar').length > 0) { 
       callback(bdy); 
       $tmp.remove(); 
      } else 
       setTimeout(waitForBar, 50); 
     }; 
     waitForBar(); 
    }); 
}