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>