javascript拖动元素脚本问题

javascript拖动元素脚本问题,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试按照指南使用jquery在我的网页上拖动东西。我只是没有得到什么,我必须添加从我的网站上看。我想使用本指南中div(容器)内的图像示例: 我现在在脚本中添加了以下内容: <div id="house_wall1"> <script type="text/javascript" src="draggabilly.pkgd.min.js"></script> <script language="javascript">

我正在尝试按照指南使用jquery在我的网页上拖动东西。我只是没有得到什么,我必须添加从我的网站上看。我想使用本指南中div(容器)内的图像示例: 我现在在脚本中添加了以下内容:

<div id="house_wall1">
<script type="text/javascript" src="draggabilly.pkgd.min.js"></script>

            <script language="javascript">
            var elem = document.querySelector('#house_wall1');
            var draggie = new Draggabilly( elem, {
              containment: '#house_wall1';
            });
            </script>
            <img src="xxx" class="draggie" style="position:relative;">
        </div>

var elem=document.querySelector(“#house_wall1”);
var draggie=新的可拖动(元素{
遏制:“#房屋(1)”;
});
我真的觉得我需要添加更多,但我对javascript和jquery没有太多的了解,所以我不知道需要多少,因为jquery中有很多函数。 现在拖动图像时不会发生任何事情,事实上它无法拖动。有没有人知道我应该添加什么来让它像我想要的那样工作?提前感谢。

试试这个:

  <div id="house_wall1">
    <img src="xxx" class="draggie" style="position:relative;">
  </div>
  <script type="text/javascript" src="draggabilly.pkgd.min.js"></script>
  <script>
    ( function() {
      var container = document.querySelector('#house_wall1');
      var elems = container.querySelectorAll('.draggie');
      for ( var i=0, len = elems.length; i < len; i++ ) {
        var elem = elems[i];
        new Draggabilly( elem, {
      containment: true
      });
     }
   })();
 </script>

(功能(){
var container=document.querySelector(“#house_wall1”);
var elems=container.querySelectorAll('.draggie');
对于(变量i=0,len=elems.length;i
ow,伙计,这真是太好了,从现在起我要尝试一下自己。谢谢。你对如何存储图像的位置有什么想法吗?或者这个问题对这个线程来说太大了?指南的最后一个示例演示了如何实现,但我不知道如何实现它。谢谢