JQUERY UI使用者介面設計

拖放

|

141

表 10-7　管理可移動元素的事件

選項 功能

options.start

開始移動時（按住元素、開始移動滑鼠時），會呼叫

start(event, ui)

方法。

options.drag

在開始移動後，繼續移動時，會呼叫

drag(event, ui)

方法。

options.stop

移動完成時（滑鼠按鈕放掉時），會呼叫

stop(event, ui)

方法。

draggable("action", params) 方法

draggable("action", params)

方法可以對能夠移動的元素做一些動作，像是防止它們

移動等等。動作是以字串的形式透過第一個引數指定（像是

"disable"

防止移動）。這

個方法可以使用的動作如表 10-8 所示。

表 10-8　draggable("action", params) 動作

動作 功能

draggable("disable")

關閉拖曳管理。元素將無法移動，直到下次呼叫

draggable("enable")

方法為止。

draggable("enable")

重新啟用拖曳管理。元素再度允許移動。

draggable("option", param)

取得特定

param

的值。這個選項可用來取得

draggable(options)

方法

傳入的各種選項。

draggable("option", param,

value)

改變特定

param

的值。這個選項可用來指定

draggable(options)

方法

傳入的各種選項。

draggable("destroy")

移除拖曳管理。元素不再能夠移動。 ...