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

0

я использую

$('.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 не повреждены. Я проверил это.

  • 0
    Я думаю, что некоторые проблемы с файлами JQuery и его порядок
  • 0
    Вы пытались создать простой пример только с необходимым javascript? Если урезанный пример работает, у вас могут возникнуть конфликты с другими скриптами.
Показать ещё 9 комментариев
Теги:
jquery-draggable

1 ответ

0

вам нужно загрузить библиотеку jQuery перед пользовательским интерфейсом jQuery:

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

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

  • 1
    Судя по предоставленному коду, он загружается раньше
  • 0
    Порядок в моем коде все тот же
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню