1

CodeIgniter でドラッグ アンド ドロップのモジュールに取り組んでいます。理解を深めるために、画像を共有する必要があります。

ここに画像の説明を入力

上の図は、li である青い領域を押したままドラッグしたときのシナリオを示しています。しかし、画像を押したままドラッグすると、この問題が発生します。

ここに画像の説明を入力

画像が存在していたliから移動またはドラッグされています。画像が移動されても、li は元の位置にとどまるため、li の位置から外れているだけです。

そこで、次のコードを使用しました。

$(".img").mousedown(function(){
              return false;
             });

ここで、.img は各 li の下の img src のクラスであるため、画像が li からドラッグされることはありません。

しかし、問題は、画像を押したままドラッグすると、liもドラッグされないことです。画像をドラッグできる方法が必要です。画像をドラッグしてliをドラッグできるように、liがロックされます。画像を単独でドラッグするのではなく、li も一緒に移動する必要があります。

4

1 に答える 1

1

あなたの答えはここにあると思います:jquery drag image

つまり、次のようにします。

$(".img").draggable();

そして、HTML ファイルに jQuery UI を含めることを忘れないでください。

于 2013-01-27T18:57:42.903 に答える