在 div 中移动图像（如拖动）答案

【问题标题】：Move a Image in a div (like dragging)在 div 中移动图像（如拖动）
【发布时间】：2013-05-28 23:01:50
【问题描述】：

我有那个演示 here，我试图让上传的图片在 div 中可拖动。

我想要的是：

首先 - 上传和图像第二 - 将此类图像加载到该 div（#holder）后，img 必须是可拖动的（始终在 #holder div 内）。

我一直在尝试使用 JQuery 脚本：

<script>
    $(function() {
         $( "#holder > img" ).draggable();
         $( "#holder > img" ).scalable();
         $( "#holder > img" ).resizable({ alsoResize: "#mirror" });
    });

    </script>

为什么不起作用，我在第一步的脚本之后添加了那个脚本:(

所以，我只是想移动图像。为什么不正确 $("#holders > img").draggable() 或 $("#holders > img").childre().draggable() ？ ?

已解决 :::: --> 很简单 ¬¬ 丢图片后写$( "#holder > img" ).draggable(); 哈哈哈

'因为我在加载文档时正在这样做，这是一个非常大的错误。抱歉，谢谢，谢谢

【问题讨论】：

你添加了 jQuery UI 吗？在 html <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
好的，伙计，我做了一个测试。 :D
是的。我认为问题在于，当我开始拖动上传的图像时，它就像是一个 nem 图像，并且它再次放在 div 的中心。我怎么能防止这种情况？？？
我不知道。我从来没有发生过。
你的意思是你的光标下像一个幽灵图像并且图像仍然在 div 中？并且还可以显示您的 html。

标签： jquery html upload drag-and-drop image-uploading

【解决方案1】：

您必须在要拖动的父元素上使用 draggable。所以

$("#holder").draggable()

【讨论】：

不，不，我只是想移动图像不正确 $("#holders > img").draggable() 或 $("#holders > img").childre().draggable ()???
img 元素是#holder 的直接子元素吗？因为这就是 > 的意思，所有 img 元素都是 #holder 的直接子元素。
然后就像我在答案中所说的那样，您需要 $("#holder").draggable()，这使得图像可拖动。图片永远不会“离开”#holder dom，它只会获得一个位置：绝对风格
这不是我们想要的。这使得 div 容器 (#holder) 可拖动。我想要的是移动它的孩子。

【解决方案2】：

请查看这个网站，它是jQuery UI Draggable。它们甚至包括带有源代码的示例。

我想这正是你所需要的。jQuery File Upload

【讨论】：

是的，我已经这样做了，这正是我所做的：$("#holders > img").draggable() 或 $("#holders > img").childre ().draggable() @iraycd
不，因为我需要图像可见:(
是的。我认为问题在于，当我开始拖动上传的图像时，它就像是一个 nem 图像，并且它再次放在 div 的中心。我怎么能防止这种情况？？？