JqueryUI - ตัวเลื่อน

เลื่อนถูกนำมาใช้เมื่อใดก็ตามที่เป็นค่าตัวเลขในช่วงหนึ่งคือการได้รับ ข้อดีของแถบเลื่อนเหนือการป้อนข้อความคือเป็นไปไม่ได้ที่ผู้ใช้จะป้อนค่าที่ไม่ถูกต้อง ค่าใด ๆ ที่สามารถเลือกได้ด้วยแถบเลื่อนนั้นถูกต้อง

jQueryUI ให้เราควบคุมแถบเลื่อนผ่านวิดเจ็ตตัวเลื่อน jQueryUI ให้ slider () วิธีการเปลี่ยนลักษณะที่ปรากฏขององค์ประกอบ HTML ในหน้าเพิ่มคลาส CSS ใหม่ที่ทำให้พวกเขามีสไตล์ที่เหมาะสม

ไวยากรณ์

slider () วิธีการสามารถใช้ได้สองรูปแบบ -

  • $ (ตัวเลือกบริบท) .slider (ตัวเลือก)วิธีการ

  • $ (ตัวเลือกบริบท) .slider ("action", params) Method

$ (ตัวเลือกบริบท) .slider (ตัวเลือก) วิธีการ

วิธีการแถบเลื่อน (ตัวเลือก)ประกาศว่าองค์ประกอบ HTML ควรได้รับการจัดการเป็นตัวเลื่อน ตัวเลือกพารามิเตอร์เป็นวัตถุที่ระบุลักษณะและพฤติกรรมของตัวเลื่อน

ไวยากรณ์

$(selector, context).slider (options);

คุณสามารถระบุตัวเลือกได้ครั้งละหนึ่งตัวเลือกโดยใช้วัตถุ Javascript หากมีให้เลือกมากกว่าหนึ่งตัวเลือกคุณจะแยกตัวเลือกโดยใช้ลูกน้ำดังนี้ -

$(selector, context).slider({option1: value1, option2: value2..... });

ตารางต่อไปนี้แสดงรายการตัวเลือกต่างๆที่สามารถใช้ได้กับวิธีนี้ -

ซีเนียร์ ตัวเลือกและคำอธิบาย
1 เคลื่อนไหว

ตัวเลือกนี้เมื่อตั้งค่าเป็นจริงจะสร้างเอฟเฟกต์แบบเคลื่อนไหวเมื่อผู้ใช้คลิกที่แกนโดยตรง โดยค่าเริ่มต้นคือfalse.