0

ユーザーができるフォトボードを作成していますdrag-drop photos, resize it, drag it and rotate it。ユーザーがボード上に新しい画像をドラッグ アンド ドロップするたびに、新しいdiv要素が作成され、img タグが div 要素に追加されます。各 div は左にフロートするように設定されているため、新しい画像が作成されるたびに、自動的に正しい位置に配置されます。jquery-ui プラグイン (サイズ変更およびドラッグ可能) が div に適用されます。

ユーザーが画像のサイズを変更すると、問題が発生します。jquery-ui が設定position: absoluteされ、すべての画像の位置が歪みます。その後、新しい画像を追加すると、前の画像に挿入されます。誰でもこの問題を取り除くのを手伝ってもらえますか?

4

1 に答える 1

0

コードを見ないと、問題が何であるかを正確に知ることは困難です。私は問題が何であるかについてある程度の感覚を持っています。ドラッグ/サイズ変更を使用する場合、divは常にになりますposition:absolute。pricipleで行う必要があるのは、.mouseup()イベントを選択/ドラッグ/ドロップされたdivにバインドすることです。これにより、新しい位置や他のスタイル、またはjQuerydom操作が適用されます.addClass()divこれが私がとるアプローチです。これにより、画像のドロップを自由に刺激して、素敵なアニメーションを作成することもできます。

于 2012-10-04T12:42:59.860 に答える