jqueryサイズ変更可能な追加画像サイズの問題

Question

ボタンをクリックしたときに画像を#containerに追加する簡単なコードがあります。問題は、最初にボタンをクリックしたときに、イメージサイズが正しく追加されないことです。しかし、ボタンをもう一度クリックすると、正しい画像サイズの添付された画像が得られます。これは、式からresizable（）を削除しても起こりません。

最初のクリックが適切な画像サイズを取得しないのはなぜですか。以下のコード：

<button id="test">add me</button> 
<div id="container"></div> 

<script type="text/javascript"> 
$('#test').live('click',function(){ 
    var elm = '<img src="http://www.navegabem.com/blog/wp-content/uploads/2009/04/firefox-icon.png" />' 
    $(elm).appendTo('#container').resizable().parent().draggable(); 
}); 
</script> 

Answer 1

それがロードされるとき、それはサイズ変更可能行います

$(elm).load(function(){$(this).resizable();}).appendTo('#container').parent().draggable(); 

を、それがイメージがありますどのような大きさは明らかではありませんので、サイズ変更可能なの初期サイズが0に設定される前に、あなたがそれを行う場合/ 0