【问题标题】:Prevent image being dragged to desktop, but not while drag and drop reordering防止图像被拖到桌面,但不是在拖放重新排序时
【发布时间】: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


【解决方案1】:

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

换句话说,这样做:

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

并且不要忘记在您的 HTML 文件中包含 jQuery UI。

【讨论】:

  • 在这种情况下,图像只是被拖动,li 保持在原来的位置.. 我的意思是通过拖动图像来拖动 li,这样图像不仅被拖了,但有了它,李也......
  • 比让
  • 可拖动,而不是 (因为它会留在
  • 内)。
猜你喜欢
相关资源
最近更新 更多
热门标签