jquery - 画像がデスクトップにドラッグされないようにしますが、ドラッグ アンド ドロップの並べ替え中はできません

Question

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

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

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

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

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

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

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

Answer 1

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

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

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

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