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>

javascript拖动元素脚本问题

1 个答案: