在div中移动图像(如拖动)

时间:2013-06-02 18:17:36

标签: jquery html5 upload drag-and-drop image-uploading

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

Sol我想要的是:

首先 - 上传和图片 第二个 - 将这样的图像加载到该div(#holder)之后,img必须是可拖动的(总是在#holder div中)。

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

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

    </script>

为什么不工作,我在第一步脚本之后添加了脚本:(

所以,我只是想移动图像。为什么不正确做$(“#holder&gt; img”)。draggable()或$(“#holder&gt; img”)。childre()。draggable() ???

已解决:::: - &gt;这很简单¬-在删除图像之后只需写$( "#holder > img" ).draggable(); haha​​haha

'因为我正在做文件onload这是一个非常大的错误。对不起你&amp;感谢

2 个答案:

答案 0 :(得分:0)

你必须在你想要拖动的内容元素上使用draggable。所以

$("#holder").draggable()

答案 1 :(得分:0)

请查看此网站jQuery UI Draggable。它们甚至包括源代码示例。

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