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 に答える