2014-08-17

使用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.





No comments:

Post a Comment