проблемы сценария перетаскивания элементов JavaScript

Question

проблемы сценария перетаскивания элементов JavaScript

0

Я пытаюсь следовать руководству, чтобы получить возможность перетаскивать вещи на моей веб-странице с помощью 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 есть много функций. Ничего не происходит, когда изображение перетаскивается сейчас, на самом деле его нельзя перетаскивать. Кто-нибудь имеет представление о том, что я добавлю, чтобы он работал так, как я хотел? Заранее спасибо.

user3287771 15 фев. 2014, в 00:37

Источник

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Jens Cocquyt · Accepted Answer · 2014-02-14T21-49-00.000Z

Попробуй это:

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

О, чувак, это очень мило, теперь я собираюсь попробовать себя. большое спасибо
эй, у тебя есть идея, как сохранить положение изображений? Или эта проблема слишком велика для этой темы? Последний пример руководства показывает, как, но я не могу понять, как это реализовать. Спасибо