-2
A
回答
1
你可以使用Draggable
的Jquery-ui。
$(function() {
$("#draggable").draggable();
});
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Draggable - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<div id="draggable" class="ui-widget-content">
<p>Drag me around</p>
</div>
</body>
</html>
运行段和检查。
相关问题
- 1. 拖放功能
- 2. 在rails 3中测试拖放功能
- 3. 在JFreeChart中拖放功能
- 4. 添加拖放功能AngularJS + hightcharts
- 5. 拖放添加到购物车功能
- 6. jquery拖放功能
- 7. WindowsFormsWebBrowser拖放功能
- 8. C#拖放功能
- 9. c#拖放功能
- 10. TableView拖放功能
- 11. 如何在图像android中添加拖放功能?
- 12. RichTextField中的拖放功能
- 13. PhoneGap中的拖放功能?
- 14. iOS中的拖放功能
- 15. 在iPad上拖放功能
- 16. 使用Jquery拖放应用拖放/附加功能到JSTreegraph
- 17. 如何添加拖放SWT CommonNavigator上的拖放
- 18. 在拖放后追加拖放
- 19. Symfony2和拖放功能
- 20. 使用CodeMirror拖放功能
- 21. 使用testcomplete拖放功能
- 22. 使用PhoneGap拖放功能
- 23. hittestobject拖放多个功能
- 24. 树形拖放功能
- 25. 使用interact.js拖放功能
- 26. JQuery拖放功能与ASP.NET
- 27. 是否拖放HTML5功能?
- 28. 点击拖放功能
- 29. HTML/JavaScript拖放功能
- 30. 寻找JQuery拖放功能