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 文件没有损坏。我已经检查过了。

4

1 回答 1

0

您需要在 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/

于 2014-04-29T06:44:12.603 回答