| slider ( options ) | ใช้กำหนดให้ ทุก element ภายใน set มีคุณสมบัติ slider |
|---|---|
| disabled | ใช้กำหนดสถานะของการ slider ว่ายังใช้งานไม่ได้ ใช่หรือไม่ (default=false) |
| animate | ใช้กำหนดลักษณะของการ animate ได้แก่ slow, normal, fast หรือ เลขในหน่วย millisecond (default=false) |
| max | ให้กำหนด ค่าสูงสุด ของ slider (default=100) |
| min | ให้กำหนด ค่าต่ำสุด ของ slider (default=0) |
| orientation | ใช้กำหนดว่าต้องการให้เป็น slider แบบ horizontal หรือ vertical (default=horizontal) |
| range | ใช้กำหนดค่า range (default=false) |
| step | ใช้กำหนด value ที่เพิ่มขึ้น แต่ละครั้งของการ slide (default=1) |
| value | ใช้กำหนด value ของ slider (defualt=0) |
| start | ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ slider กำลังเริ่มต้น slide |
| slide | ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ slider กำลัง slide อยู่ |
| change | ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ value ของ slider เปลี่ยนแปลง |
| stop | ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ slider หยุดการ slide |
syntax:slider ( options )
return type:void, element
content:ใช้กำหนดให้ ทุก element ภายใน set มีคุณสมบัติ slider โดย options ให้กำหนดค่า config ต่างๆ ให้กับการ slider ได้แก่ disabled, animate, max, min, orientation, range, step, value, start, slide, change, stop
example:$("div#slider").slider ( { max: 50 } ); var maxValue = $("div#slider").slider ( "option", "max" ); // ใช้คืนค่าข้อมูลของ property ที่กำหนด $("div#slider").slider ( "option", "max", 50 ); // ใช้กำหนดค่าให้กับ property ที่กำหนด
config:disabled
return type:boolean
content:ใช้กำหนดสถานะของการ slider ว่ายังใช้งานไม่ได้ ใช่หรือไม่ (default=false)
example:$("div#slider").slider ( { disabled: true } );
config:animate
return type:boolean, string, number
content:ใช้กำหนดลักษณะของการ animate ได้แก่ slow, normal, fast หรือ เลขในหน่วย millisecond (default=false)
example:$("div#slider").slider ( { animate: "fast" } );
config:max
return type:number
content:ให้กำหนด ค่าสูงสุด ของ slider (default=100)
example:$("div#slider").slider ( { max: 10 } );
config:min
return type:number
content:ให้กำหนด ค่าต่ำสุด ของ slider (default=0)
example:$("div#slider").slider ( { min: 1 } );
config:orientation
return type:string
content:ใช้กำหนดว่าต้องการให้เป็น slider แบบ horizontal หรือ vertical (default=horizontal)
example:$("div#slider").slider ( { orientation: "vertical" } );
config:range
return type:boolean, string
content:ใช้กำหนดค่า range (default=false)
example:$("div#slider").slider ( { range: true } );
config:step
return type:number
content:ใช้กำหนด value ที่เพิ่มขึ้น แต่ละครั้งของการ slide (default=1)
example:$("div#slider").slider ( { step: 2 } );
config:value
return type:number
content:ใช้กำหนด value ของ slider (defualt=0)
example:$("div#slider").slider ( { value: 5 } );
config:start
return type:function
content:ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ slider กำลังเริ่มต้น slide โดยจะมี parameter 2 ตัว ได้แก่ event object และ object ที่มี property ต่างๆ
example:$("div#slider").slider ( { start: function(event,object) { alert ( "slide start" ); } } );
config:slide
return type:function
content:ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ slider กำลัง slide อยู่ โดยจะมี parameter 2 ตัว ได้แก่ event object และ object ที่มี property ต่างๆ
example:$("div#slider").slider ( { slide: function(event,object) { alert ( "slide slide" ); } } );
config:change
return type:function
content:ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ value ของ slider เปลี่ยนแปลง โดยจะมี parameter 2 ตัว ได้แก่ event object และ object ที่มี property ต่างๆ
example:$("div#slider").slider ( { change: function(event,object) { alert ( "slide change" ); } } );
config:stop
return type:function
content:ใช้กำหนด function ที่จะถูกเรียกใช้เมื่อ slider หยุดการ slide โดยจะมี parameter 2 ตัว ได้แก่ event object และ object ที่มี property ต่างๆ
example:$("div#slider").slider ( { stop: function(event,object) { alert ( "slide stop" ); } } );
