【发布时间】:2013-01-27 17:18:17
【问题描述】:
我正在开发 CodeIgniter 中的拖放模块。为了更好地理解,我需要分享图片:
上图,描述了当我按住蓝色区域(一个li)拖动时的场景。但是现在当我按住图像拖动时,就会出现这个问题:
图像正在从它所在的 li 移动或拖动。它刚刚脱离了它在 li 中的位置,因此 li 在图像移动时保持在原来的位置。
所以我使用了以下代码:
$(".img").mousedown(function(){
return false;
});
其中.img是每个li下的img src的class,这样图片就不会被li拖出来了。
但现在的问题是,如果我按住图像拖动,li 也不会被拖动。我想要一些可以拖动图像的方式,并且 li 会被它锁定,这样我就可以通过拖动图像来拖动 li。图片不应该单独拖动,li也应该随之移动。
【问题讨论】:
-
通常当您启用拖放重新排序时,元素会粘在鼠标光标上。这有效地阻止了浏览器识别“图像拖动为 url”事件。
标签: jquery image drag-and-drop draggable