я использую
$('.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 не повреждены. Я проверил это.
вам нужно загрузить библиотеку 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: -