防止图像被拖动到​​桌面,但拖放重新排序时不会

时间:2013-01-27 17:18:17

标签: jquery image drag-and-drop draggable

我正在研究CodeIgniter中的拖放模块。为了更好地理解,我需要分享图像:

enter image description here

上面的图片描述了当我按住并按住蓝色区域(即li)时的情景。但现在当我按住并按住图像拖动时,会出现此问题:

enter image description here

图像会从它所居住的li移动或拖动。它只是摆脱了它在li中的定位,因此当图像移动时,li仍然保持原样。

所以我使用了以下代码:

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

其中.img是每个li下的img src的类,因此图像不会从li中拖出。

但现在的问题是,如果我按住图像来拖动,那么李也不会被拖动。我想要一些方法可以拖动图像,并且li将被锁定,以便我可以通过拖动图像来拖动li。图像不应该单独拖动,li也应该随之移动。

1 个答案:

答案 0 :(得分:1)

我相信你的答案就在这里:jquery drag image

换句话说,这样做:

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

不要忘记在HTML文件中包含jQuery UI。