DIVでラップされた新しいIMG要素をOperaブラウザに追加するときの問題

Question

Operaブラウザでスクリプトをテストするときに奇妙な問題が発生しました。 スクリプトのタスクの1つは、youtubeから親指の画像を取得し、<DIV>コンテナに入れることです。 だから私は、次のようにします。今

$ytbID = $ytbURL.match("(.+?)(\/v/)([a-zA-Z0-9_-]{11})+"); 
$ytbImg = "http://img.youtube.com/vi/"+$ytbID[3]+"/2.jpg"; 

//building container for youtube image 
$(this).before('<div class="youtoobin" align="left"></div>'); 
$(this).prev(".youtoobin").append('<div class="thumby" style="background-image:url(' + $ytbImg +'); width:120px;height:90px;cursor:pointer;"><img style="margin:31px 38px;" src="/myscripts/mini-play.png"/></div>'); 

オペラで奇妙なこと、時にはそれが動作し、時にはそれがないことを、私は時々「append()」はnullを返す意味。私がテストした他のすべてのブラウザ（FF、Chrome、IE 6,7,8）で完璧に動作しました。私はappend()でOperaとか、私と一緒に問題がある場合は手に入れられません。

Thanx for help。サム

Answer 1

は「タイミング」の問題（あなたはそれにコンテンツを挿入しようとすると、追加のdivの準備ができていない）のだろう、この弾力を何：

var $div = $('<div class="youtoobin" align="left"></div>'); 
$(this).before($div); 
$div.append('<div class="thumby" style="background-image:url(' + $ytbImg +'); width:120px;height:90px;cursor:pointer;"><img style="margin:31px 38px;" src="/myscripts/mini-play.png"/></div>');