jquery resizable append image size problem

我有一個簡單的代碼，在單擊按鈕時將圖像追加到#container。問題是，當我第一次點擊按鈕時，圖像尺寸沒有正確添加。但是當再次點擊按鈕時，我們會得到正確圖像大小的附加圖像。如果我們從等式中刪除resizable（），則不會發生這種情況。jquery resizable append image size problem

爲什麼第一次點擊沒有得到正確的圖像大小。代碼如下：

<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>

來源

2011-02-01 Hussein

你是什麼意思*「圖像尺寸未正確附加」*？你的代碼似乎[爲我工作]（http://jsfiddle.net/4SRQf/）。 – user113716 2011-02-01 03:55:03

在第一次點擊時，您沒有得到正確的圖像尺寸，圖像會附加較小的實際尺寸。在第二次點擊，它的作品。清除瀏覽器緩存並在Chrome和Firefox中嘗試。加載解決問題 – Hussein 2011-02-01 05:29:33

讓它調整大小時，它的加載：

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

如果你做到這一點現在還不清楚的圖像會有什麼大小之前，因此可調整大小的初始大小設置爲0/0

來源

2011-02-01 04:45:30

jquery resizable append image size problem

回答

相關問題