3

我有下面的简单代码,它在单击按钮时将图像附加到#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>
4

1 回答 1

3

加载时使其可调整大小:

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

如果在不清楚图像的大小之前执行此操作,则可调整大小的初始大小设置为 0/0

于 2011-02-01T04:45:30.923 回答