JavaScript的拖动元素脚本问题

Question

我想要遵循指南，以便能够使用jquery在我的网页上拖动的东西。我只是没有从我看到的网站上得到什么。我想使用本指南一个div（容器）中的图像的例子：http://draggabilly.desandro.com/ 我已经添加到我的剧本，现在是这样的：

<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> 

我真的觉得我需要添加更多的，但我没有那么多的JavaScript和jQuery，所以我不知道需要多少，因为jQuery中有很多函数。 当图像被拖动时没有任何反应，实际上它不能被拖动。有没有人有任何想法，我会增加更多，使它像我想要的那样工作？提前致谢。

Answer 1

试试这个：

<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>