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。