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

如果你在不清楚图像的大小之前这样做，那么resizable的初始大小设置为0/0

jquery可调整大小附加图像大小问题

1 个答案: