Question

我是JQuery的新手，但这很荒谬，我不能拖放工作

.php文件

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">      
    <title>PHP Test</title>
  </head>
  <body>
    <span id="drag">Drag me</span>

    <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="js/drag.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
  </body>
</html>

我的拖动js文件

$(document).ready(function() {
    $('#drag').draggable();
});

顺便说一句，我是否需要使用JQuery UI来拖放内容？

谢谢

Answer 1

draggable（）函数需要jQueryUI才能工作。包含jQueryUI后，您的代码工作正常。

$('#drag').draggable();

http://codepen.io/tejzpr/pen/raXqKz

Answer 2

您应该按正确的顺序包含库：

<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/drag.js"></script>

在加载jquery和jquery-ui之后，您的自定义代码（drag.js）应该是最后一个。

Answer 3

我会使用cdn来节省速度和资源，同时也确保你有一个工作副本。然而，正如上面提到的那样，订单可能是你的问题。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.js"></script>

Answer 4

您应首先加载UI脚本并在之后使用它。

 <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
 <script type="text/javascript" src="js/jquery-ui.js"></script>
 <script type="text/javascript" src="js/drag.js"></script>

重要提示：不要忘记jQuery 2. *浏览器兼容性： https://jquery.com/download/#jquery-2-x 它不支持IE 8或更早版本！

简单的JQuery拖放根本不起作用

4 个答案: