簡單的JQuery拖放根本不起作用
[英]Simple JQuery Drag and Drop not working at all
問題描述
我是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進行拖放操作？
謝謝
4 個解決方案
解決方案1
0 2015-04-15 21:58:35
draggable（）函數需要jQueryUI才能工作。 包含jQueryUI之后，您的代碼可以正常工作。
$('#drag').draggable();
解決方案2
0 已采納 2015-04-15 22:00:17
您應該以正確的順序包含庫：
<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）應該位於最后。
解決方案3
0 2015-04-15 22:04:12
我會使用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>
解決方案4
0 2015-04-15 22:05:28
您應該首先加載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拖放無法正常工作
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.