0

.box画像を含むクラスのdivがあり、次を使用しました。

$thebox = $('.box');
$thebox.resizable({ handles: 'all', alsoResize: img_id});

divのサイズが変更されたときに含まれている画像のサイズを変更します。画像には独自のソースとIDがあるため、HTMLは次のようになります。

<div class='box'><img src='path/filename' id='img1' /></div>

次に、ある時点で（ユーザーの編集時に）、画像のソースを置き換えて、画像を新しいものに置き換えます。ただし、画像を置き換えた後も、boxコンテナは引き続き期待どおりにサイズ変更できますが、含まimg1れているものは同期してサイズ変更されなくなり、そのまま静的なままになります。なぜこれが起こっているのか分かりません！

編集

さて、Firebugでエラーが発生しましTypeError: a.size is undefinedた。関連するjQueryは次のとおりです。

function(a){e(a)});else e(g.alsoResize)},resize:function(g,e){var a=b(this).data("resizable");g=a.options;var d=a.originalSize,h=a.originalPosition,i={height:a.size.height-d.height||0,width:a.size.width-d.width||0,top:a.position.top-h.top||0,l..... // blah blah

それは何か役に立ちますか？

4

1 に答える 1

0

サイズ変更を再初期化する必要があります。そのイメージは別のノードのようです。参照が壊れています。

変更するときsrcは、もう一度やり直してください

$thebox.resizable({ handles: 'all', alsoResize: img_id});
于 2013-02-13T10:28:13.360 に答える