오페라 브라우저에서 DIV에 래핑 된 새로운 IMG 요소를 추가하는 데 문제가 있습니다.

Question

오페라 브라우저에서 스크립트를 테스트하는 동안 이상한 문제가 발생합니다. 스크립트 작업 중 하나는 youtube에서 엄지 이미지를 가져 와서 <DIV> 컨테이너에 넣는 것입니다. 그것은 때로는 작동하고 때로는 가끔 'append()은'null 반환을 의미하지 않습니다, 지금

$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>'); 

오페라에서 이상한 일이 : 그래서 나는 다음을 수행합니다. 그것은 내가 테스트 한 다른 모든 브라우저에서 완벽하게 작동했습니다 (FF, Chrome, IE 6,7,8). 오페라와 함께 또는 append()에 문제가있는 경우 그냥 수신 할 수 없습니까?

고맙습니다. 샘

Answer 1

은 "타이밍"문제 (당신이 그것을에 내용을 삽입하려고 할 때 추가 사업부가 준비되지 않은) 될 수 있을까,이주고를 무엇 :

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>');