Question

我正在使用

$('.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文件没有损坏。我检查过了。

Answer 1

你需要在jQuery UI之前加载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>

样本： -

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

Jquery UI Draggable无法正常工作 - ui-draggable已添加但没有拖动事件

1 个答案: