ตูร์เหตุการณ์ jQuery Mobile

เหตุการณ์ = การตอบสนองของเว็บเพจต่อความกระทำที่ต่างๆ ของผู้เข้าชม

ตูร์เหตุการณ์ jQuery Mobile

คุณสามารถใช้เหตุการณ์ทั้งหมดที่มีทางเลือกใน jQuery Mobile เหตุการณ์ jQuery。

นอกจากนี้ jQuery Mobile ยังให้บริการเหตุการณ์ที่กำหนดเพื่อปรับเปลี่ยนแบบที่ใช้กับเครื่องนำหน้าที่เคลื่อนที่:

  • เหตุการณ์ทอดทิ้ง - มีส่วนทำงานเมื่อผู้ใช้ทอดหน้าจอ (กดและลาก)
  • เหตุการณ์หลอดเลื่อน - มีส่วนทำงานเมื่อหลอดเลื่อนขึ้นลงหรือขึ้นขึ้น
  • เหตุการณ์ทิศทาง - มีส่วนทำงานเมื่ออุปกรณ์เปลี่ยนทิศทางตัวตลอดแนวตั้งหรือแนวน้ำเงิน
  • เหตุการณ์หน้า - มีส่วนทำงานเมื่อหน้าถูกแสดงที่นอกหรือถูกซ่อนที่นอก หรือถูกสร้าง หรือถูกโหลด หรือ/และถูกปลดตัว

ถ้าคุณต้องการข้อมูลเกี่ยวกับเหตุการณ์ jQuery Mobile ทั้งหมดให้เข้าถึง คู่มือเหตุการณ์ jQuery Mobile。

ตั้งค่าเหตุการณ์ jQuery Mobile

ใน jQuery คุณได้เรียนว่าจะใช้เหตุการณ์ document ready ที่จะหยุดรหัส jQuery ในขณะที่เอกสารยังอยู่ในระหว่างการโหลด (is ready):

เหตุการณ์ jQuery document ready

<script>
$(document).ready(function(){
   // สำหรับ jQuery รายการเหตุการณ์...
});
</script>

ลองทดสอบเอง

แต่ใน jQuery Mobile เราใช้เหตุการณ์ pageinit ซึ่งเหตุการณ์นี้จะเกิดขึ้นหลังจากหน้าเรียกข้อมูลเสร็จและเสริมการตั้งค่าสไตล์แล้ว。

ตัวอักษรที่สองหมายที่โดยทางเลือก ("#pageone") หมายถึง id ของหน้าที่จะกำหนดเหตุการณ์สำหรับ:

jQuery Mobile หลักฐานเหตุการณ์

<script>
$(document).on("pageinit","#pageone",function(){
   // สำหรับ jQuery รายการเหตุการณ์...
});
</script>

ลองทดสอบเอง

หมายเหตุ:วิธี on() ของ jQuery ใช้เพื่อเพิ่มหลักการการจัดการเหตุการณ์

บทต่อไปจะรายละเอียดเหตุการณ์ jQuery Mobile แต่ละรายการ