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