Javascript 可拖动图像脚本

Question

我一直在寻找一个满足我的标准的脚本大约三个小时，因为我不擅长 Javascript，我正在寻找一个支持我需要的一切的脚本，但是，我已经尝试和寻找的所有东西，没有所需的东西。我正在寻找的是:

• HTML5、Javascript 或 Jquery 类脚本，可以使用鼠标按钮拖动图像。
• 必须能够同时拖动更多图像。
• 应该可以将其实现到一个div中，这样用户就不能将图像拖出div。

话虽如此，我并不是在寻找拖放解决方案，用户应该能够将图像放到特定 div 中他们想要的任何位置。

我的问题:有没有人有使用过此类脚本的经验并且知道符合我的标准的东西，如果分享，我们将不胜感激。谢谢。

Answer 1

使用 jquery 很容易在脚本中导入可拖动功能。查看此链接:http://jqueryui.com/draggable/ .是的，它支持一切。在您的 head 标签中导入这两个脚本:

<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

然后像这样附加你的元素(适用于类和 id):

 <script>
 $(function() {
 $( "#draggable" ).draggable();
 });
 </script>