JQUERY UI使用者介面設計

滑桿

|

91

選項 功能

options.range

設成

true

時，代表要使用兩個游標（

options.values

的長度會是 2，兩者的

值代表游標初始位置）。

如果設為

"min"

或

"max"

的話，必須只用一個游標（否則選項就沒有效用）。

使用這些設定時，兩個游標之間的區間（設為

true

時）、游標到開頭的區間

（設為

"min"

時）、游標到結尾的區間（設為

"max"

時）會以特殊樣式顯示。

options.step

代表游標在軸上的移動單位量。預設是 1。

管理滑桿事件

點選游標、點選軸、呼叫

slider("value", value)

或

slider("values", index, value)

時，都會觸發表 7-3 列出的事件。

表 7-3　管理滑桿事件的選項

選項 功能

options.start

游標開始移動時，會呼叫

start(event)

方法。

options.stop

游標移動結束時，會呼叫

stop(event)

方法。

options.change

游標移動結束時，會呼叫

change(event)

方法（與

options.stop

一樣）。

options.slide

游標拖拉移動時，會呼叫

slide(event)

方法。使用者直接點選軸上位置的時

候不會呼叫這個方法。

slider("action", params) 方法

slider("action", params)

方法（如表 7-4 所示）讓您能對滑桿作一些動作，像是把游標

移到新位置。動作是以字串形式透過第一個引數指定（如

"value"

代表指定游標新位置） ...