jQuery Slider Method : สอน method และ property ของ Slider Method, เรียน method และ property ของ Slider Method
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • 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" ); } } );

 
Share This Chapter Login with Facebook