Draggable
เพื่อให้องค์ประกอบ draggable สร้างตัวอย่างใหม่ของชั้น Draggable
เพื่อเพิ่มฟังก์ชันในตัวให้ Sortable แทน
นอกจากนี้ยังมีชื่อชั้น Draggables ที่ exposes ฟังก์ชันสำหรับการสังเกตการดำเนินการลาก
Draggables เป็นประโยชน์มากเมื่อคุณใช้ด้วย droppablesซึ่งเป็นพื้นที่ที่คุณสามารถลาก draggables ไป
วากยสัมพันธ์
ใหม่ Draggable (id_of_element'ตัวเลือก []); Options
| Option | ตั้งแต่ | ลักษณะ |
|---|---|---|
| จับ | 1.0 | สตริงหรือ DOM อ้างอิงไม่ได้ตั้งค่าตามค่าเริ่มต้น ชุดว่าองค์ประกอบที่ควรจะ draggable โดยฝังตัวจัดการ ค่าจะต้องอ้างอิงองค์ประกอบหรือองค์ประกอบ id |
| จับ | 1.5 | สตริงหรือ DOM อ้างอิงไม่ได้ตั้งค่าตามค่าเริ่มต้น ข้างต้นยกเว้นค่านี้อาจจะอ้างอิงสตริง CSS ค่าเรียน เด็กแรกหลาน / / etc องค์ประกอบที่อยู่ในนี้องค์ประกอบที่มี CSS ค่าเรียนจะใช้เป็นที่จับ |
| ย้อนกลับ | 1.0 | เริ่มต้น, boolean การ เท็จหากการตั้งค่า จริงที่แสดงองค์ประกอบที่ตำแหน่งเดิมเมื่อ drags สิ้นสุด |
| ย้อนกลับ | 1.5 | หรือฟังก์ชันอ้างอิง boolean ค่าเริ่มต้นที่ ผิดกลับยังสามารถทำงานอ้างอิงข้อเรียกว่าเมื่อลากปลาย ระบุ ความล้มเหลว'จะสั่ง draggable ที่จะไม่กลับถ้าลดลงได้สำเร็จใน droppable |
| ตะครุบ | 1.5 | หากการตั้งค่าเท็จไม่ snapping เกิดขึ้น มิฉะนั้นจะใช้เวลาหนึ่งในรูปแบบดังต่อไปนี้ --Δi: หนึ่ง delta ค่าทั้งแนวนอนและแนวตั้ง snap, [Δx, Δy]: ค่า delta สำหรับแนวตั้งและแนวนอน snap, function (x, y, draggable_object) (return [x, y]; ): top ฟังก์ชันที่ได้รับใหม่ที่เสนอซ้ายคู่ประสานงานและส่งกลับคู่ประสานงานจริงใช้ |
| zindex | 1.5 | ค่าจำนวนเต็ม defaults, 1000 css z ดัชนี รายการ draggable |
| ข้อจำกัด | 1.0 | เชือกไม่ได้ตั้งค่าตามค่าเริ่มต้น หากการตั้งค่า 'แนวนอน' หรือ 'แนวตั้ง' ลากจะบีบบังคับให้มีขึ้นเฉพาะแนวนอนหรือแนวตั้ง |
| ghosting | ? | เริ่มต้น, boolean การ เท็จโคลนองค์ประกอบและ drags โคลนที่ออกจากเดิมในจนกว่าโคลนจะลดลง |
| starteffect | ? | เริ่มต้น, ผลการ Effect.Opacityกำหนดผลที่จะใช้เมื่อ draggable เริ่มถูกลาก |
| reverteffect | ? | ผลปกติเพื่อ Effect.Moveกำหนดผลที่จะใช้เมื่อ draggable ย้อนกลับกลับสู่ตำแหน่งเริ่มต้นของ |
| endeffect | ? | เริ่มต้น, ผลการ Effect.Opacityกำหนดผลที่จะใช้เมื่อหยุด draggable ถูกลาก |
| เลื่อน | ? | สตริงหรือ DOM อ้างอิงไม่ได้ตั้งค่าตามค่าเริ่มต้น ระบุขอบเขตองค์ประกอบที่จะเลื่อนเมื่อคุณได้รับใน โดยเริ่มต้นนี้ถูกปิด |
| scrollSensitivity | ? | ค่าจำนวนเต็ม defaults, 20 พิกเซล ระยะต่ำสุดจากขอบเขตองค์ประกอบเพื่อเริ่มต้นการเลื่อน |
นอกจากนี้ตัวรับพารามิเตอร์ดังต่อไปนี้ฟังก์ชันโทรกลับ :
| โทรกลับ | ลักษณะ |
|---|---|
| onStart | เรียกว่าเมื่อลากเป็นริเริ่ม |
| onDrag | เรียกซ้ำเป็นเลื่อนเมาส์ก่อนตำแหน่ง draggable หากมีการปรับปรุงตำแหน่งเมาส์เปลี่ยนจากสายก่อน |
| เปลี่ยนแปลง | เรียกเพียง onDrag แต่หลังจากตำแหน่ง draggable ถูกปรับปรุง ได้รับเช่น Draggable เป็นพารามิเตอร์ของ |
| onEnd | เรียกว่าเมื่อลากสิ้นสุดลง |
ยกเว้น การ โทรกลับแต่ละเรียกกลับเหล่านี้รับสองพารามิเตอร์ : วัตถุ Draggable และวัตถุ event เมาส์
ตัวอย่าง
/ / เปลี่ยน ใหม่ Draggable ('product_1', (กลับ : true )); / จำกัด ทิศทาง / และให้จัดการ ใหม่ Draggable (my_div'ข้อ จำกัด (: 'แนวนอน', จัดการ : 'จัดการ' )); เพื่อ draggables ปิดการใช้งานในภายหลังเก็บในตัวแปรเช่น :
var mydrag = ใหม่ Draggable ('product_1', (กลับ : true )); / / แล้วทำลายเมื่อคุณไม่จำเป็นต้องใช้อีกต่อไป mydrag.destroy (); วิธีนี้คุณสามารถเปิดและปิดการใช้งานที่จะลาก
ตัวอย่าง : http://wiki.github.com/madrobby/scriptaculous/draggable
