使用jQuery UI 滑鼠拖行- Draggable

在網頁應用開發工具jQuery UI 中有一些滑鼠互動元件, 可以接受滑鼠 的點擊拖拉信號.
首先. 就是Draggable 元件. 先試用一下:
Domo: Draggable
你可以拖著元件到處跑.
它的做法首先要在html body 中設定一個div 準備可被拖動.

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

<p>Drag me around>

>

然後在 java script 中執行draggable()即可:


<script>

$(function() {

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

});
>

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

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