允許元素使用滑鼠來移動。
在任意的DOM元素物件上啟用拖曳功能，使用滑鼠按著要拖曳的物體移動，之後在視埠內任意位置放開。
想要學習更多jquery 拖曳的互動嗎？檢視
API documentation.’
2013-09-26
允許元素使用滑鼠來移動。
在任意的DOM元素物件上啟用拖曳功能，使用滑鼠按著要拖曳的物體移動，之後在視埠內任意位置放開。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<!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.13.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-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script> <script> $( function() { $( "#draggable" ).draggable(); } ); </script></head><body> <div id="draggable" class="ui-widget-content"> <p>Drag me around</p></div> </body></html> |
想要學習更多jquery 拖曳的互動嗎？檢視
API documentation.’