Jquery UI Draggable не работает - добавлен пользовательский интерфейс, но нет события перетаскивания

Я использую

$('.swipeenabled').draggable({ axis: "x"})

для получения X-Draggable особенность.

У меня следующий порядок файлов js:

<script type="text/javascript" src="{% static "crsq/js/zippednewsapp/jquery-1.10.2.js" %}"></script>
<script type="text/javascript" src="{% static "crsq/js/zippednewsapp/bootstrap.js" %}"></script>
<script type="text/javascript" src="{% static "crsq/js/zippednewsapp/jail.js" %}"></script>
<script type="text/javascript" src="{% static "crsq/js/zippednewsapp/jquery-ui.js" %}"></script>
<script type="text/javascript" src="{% static "crsq/js/zippednewsapp/jquery.touchSwipe.min.js" %}"></script>

Мы знаем, что работает draggable, так как класс ui-draggable добавляется к элементам.swipeenabled

Но функция перетаскивания не работает. Каковы возможные причины? Файлы jquery и jquery-ui js не повреждены. Я проверил это.

Источник

1 ответ

Вам нужно загрузить библиотеку jQuery перед jQuery UI:

Например, приведенный ниже код работает:

<script type="text/javascript" src="Javascript/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="Javascript/jquery-ui-1.10.2.custom.min.js"></script>     
<script type="text/javascript">
  $(function() {
   $('.swipeenabled').draggable({ axis: "x"})       });
</script>
<body>
  <div class="swipeenabled">
    <p>Drag me around</p>
  </div>

DEMO: -

http://jsfiddle.net/u7zWA/395/

Источник
Другие вопросы по тегам