使用jQuery UI 滑鼠拖行- Draggable - 夏肇毅部落格

字體：小中大

使用jQuery UI 滑鼠拖行- Draggable

2014/07/22 14:57:56瀏覽774｜回應0｜推薦0

在網頁應用開發工具jQuery UI 中有一些滑鼠互動元件, 可以接受滑鼠的點擊拖拉信號.

首先. 就是Draggable 元件. 先試用一下:

你可以拖著元件到處跑.

它的做法首先要在html body 中設定一個div 準備可被拖動.

<div id="draggable" class="ui-widget-content">

<p>Drag me around</p>

</div>

然後在 java script 中執行

draggable()即可

<script>

$(function() {

$( "#draggable" ).draggable();

 });
</script>

其中

$( "#draggable" ) 是讓它找到id 為draggable的元件.
也就是前面定義的 <div id="draggable" ...

完整原始碼請見 Draggable 中的view source.