Reference
Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
-
- Reference
- ::
- jQuery
- ::
- Slider Method
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 -
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- slider ( options )
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 ที่กำหนด
-
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- disabled
config :disabled
return type :boolean
content :ใช้กำหนดสถานะของการ slider ว่ายังใช้งานไม่ได้ ใช่หรือไม่ (default=false)
example :$("div#slider").slider ( { disabled: true } );
-
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- animate
config :animate
return type :boolean, string, number
content :ใช้กำหนดลักษณะของการ animate ได้แก่ slow, normal, fast หรือ เลขในหน่วย millisecond (default=false)
example :$("div#slider").slider ( { animate: "fast" } );
-
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- max
config :max
return type :number
content :ให้กำหนด ค่าสูงสุด ของ slider (default=100)
example :$("div#slider").slider ( { max: 10 } );
-
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- min
config :min
return type :number
content :ให้กำหนด ค่าต่ำสุด ของ slider (default=0)
example :$("div#slider").slider ( { min: 1 } );
-
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- orientation
config :orientation
return type :string
content :ใช้กำหนดว่าต้องการให้เป็น slider แบบ horizontal หรือ vertical (default=horizontal)
example :$("div#slider").slider ( { orientation: "vertical" } );
-
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- range
config :range
return type :boolean, string
content :ใช้กำหนดค่า range (default=false)
example :$("div#slider").slider ( { range: true } );
-
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- step
config :step
return type :number
content :ใช้กำหนด value ที่เพิ่มขึ้น แต่ละครั้งของการ slide (default=1)
example :$("div#slider").slider ( { step: 2 } );
-
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- value
config :value
return type :number
content :ใช้กำหนด value ของ slider (defualt=0)
example :$("div#slider").slider ( { value: 5 } );
-
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- start
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" ); } } );
-
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- slide
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" ); } } );
-
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- change
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" ); } } );
-
- Reference
- ::
- jQuery
- ::
- Slider Method
- ::
- stop
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" ); } } );