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

2024-04-21

我有下面的简单代码,当单击按钮时,它将图像附加到#container。问题是当我第一次单击按钮时,图像尺寸未正确附加。但是,当再次单击按钮时,我们会获得具有正确图像大小的附加图像。如果我们从等式中删除 resizing() ,这种情况就不会发生。

为什么第一次点击无法获得正确的图像尺寸。代码如下:

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

加载时使其可调整大小:

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jquery可调整大小附加图像大小问题 的相关文章

随机推荐