-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拖放功能