เหตุการณ์ที่เกิดขึ้นหน้ามือถือ jQuery
เหตุการณ์ที่เกิดขึ้นหน้ามือถือ jQuery
เหตุการณ์ใน jQuery หน้ามือถือที่เกี่ยวข้องกับการจะแบ่งออกเป็นสี่ประเภท
- หน้าเริ่มต้น - ก่อนหน้านี้มีการสร้างขึ้นเมื่อเพจที่ถูกสร้างขึ้นและหน้าหลังเริ่มต้น
- โหลดหน้า / ยกเลิกการโหลด - เมื่อมีการโหลดหน้าเว็บภายนอกขนถ่ายหรือเมื่อครั้งแรกล้มเหลว
- การเปลี่ยนหน้า - การเปลี่ยนหน้าก่อนและหลัง
- เปลี่ยนหน้า - เมื่อเพจมีการเปลี่ยนแปลงหรือความล้มเหลวของใบหน้า
สำหรับข้อมูลที่สมบูรณ์เกี่ยวกับเหตุการณ์ทั้งหมด jQuery Mobile โปรดเยี่ยมชมของเรา คู่มือการใช้งาน jQuery เหตุการณ์มือถือ
เหตุการณ์มือถือ jQuery การเริ่มต้น
เมื่อมือถือ jQuery ในหน้าโดยทั่วไปจะเริ่มต้นได้ก็จะผ่านไปสามขั้นตอน:
- ก่อนที่จะสร้างหน้า
- สร้างหน้า
- เริ่มต้นหน้า
ทริกเกอร์เหตุการณ์สามารถนำมาใช้ในขั้นตอนของรหัสการดำเนินการหรือการแทรกแต่ละ
| เหตุการณ์ | ลักษณะ |
|---|---|
| pagebeforecreate | เมื่อหน้าเป็นเรื่องเกี่ยวกับการเริ่มต้นและก่อนที่มือถือ jQuery หน้าเพิ่มขึ้นได้เริ่มที่จะก่อให้เกิดเหตุการณ์ |
| pagecreate | เมื่อเพจที่ได้รับการสร้างขึ้น แต่ก่อนที่จะเสร็จสิ้นการปรับปรุงที่เรียกเหตุการณ์นี้ |
| PageInit | เมื่อหน้าจะเริ่มต้นและหลังจากมือถือ jQuery หน้าปรับปรุงเสร็จเรียบร้อยแล้วเรียกเหตุการณ์ |
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงมือถือ jQuery เมื่อคุณสร้างหน้าเมื่อจะเรียกแต่ละเหตุการณ์:
ตัวอย่าง
การแจ้งเตือน ( "เรียกเหตุการณ์ pagebeforecreate!");
});
$ (เอกสาร) .on ( "pagecreate" ฟังก์ชั่น (event) {
การแจ้งเตือน ( "เรียกเหตุการณ์ pagecreate!");
});
ลอง»
โหลดเหตุการณ์ jQuery มือถือ
เหตุการณ์การโหลดหน้าเว็บเป็นหน้าเว็บภายนอก
เมื่อใดก็ตามที่การโหลดหน้าเว็บภายนอก DOM สองเหตุการณ์จะถูกเรียก คนแรกคือ pagebeforeload ที่สองคือ pageLoad (ประสบความสำเร็จ) หรือ pageloadfailed (ล้มเหลว)
ตารางต่อไปนี้จะอธิบายถึงเหตุการณ์ที่เกิดขึ้นเหล่านี้:
| เหตุการณ์ | ลักษณะ |
|---|---|
| pagebeforeload | ก่อนที่จะมีการร้องขอสำหรับหน้าโหลดไกใด ๆ |
| pageLoad | หน้าถูกโหลดและประสบความสำเร็จแทรก DOM เรียก |
| pageloadfailed | หากมีการร้องขอล้มเหลวในการโหลดหน้ากรณีที่มีการเรียก โดยค่าเริ่มต้น "ข้อผิดพลาดการโหลดหน้าเว็บ" จะปรากฏขึ้น |
pageLoad นำเสนอต่อไปนี้และเหตุการณ์ pagloadfailed ทำงาน:
ตัวอย่าง
alert("触发 pageload 事件！\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
alert(";抱歉，被请求页面不存在。");
});
ลอง»
เหตุการณ์การเปลี่ยนแปลง jQuery มือถือ
นอกจากนี้เรายังสามารถใช้เหตุการณ์ที่เกิดขึ้นในช่วงการเปลี่ยนแปลงจากที่หนึ่งไปยังอีก
การเปลี่ยนหน้าที่เกี่ยวข้องกับสองหน้า: ก "กับ" หน้าและ "Go" หน้า - เปลี่ยนเหล่านี้ทำให้หน้างานอยู่ในปัจจุบัน ( "กับ" หน้า) ไปยังหน้าใหม่ ( "ไปที่" เปลี่ยนหน้าแน่นอนจะกลายเป็น แบบไดนามิกมากขึ้น
| เหตุการณ์ | ลักษณะ |
|---|---|
| pagebeforeshow | ในหน้า "ไป" เรียกก่อนที่ภาพเคลื่อนไหวเปลี่ยนแปลงเริ่มต้น |
| pageshow | ใน "ไป" ทริกเกอร์หน้าจอหลังจากเสร็จสิ้นของการเคลื่อนไหวเปลี่ยนแปลง |
| pagebeforehide | ใน "กับ" ทริกเกอร์หน้าก่อนภาพเคลื่อนไหวเปลี่ยนแปลงเริ่มต้น |
| pagehide | ใน "กับ" ทริกเกอร์หน้าจอหลังจากเสร็จสิ้นของการเคลื่อนไหวเปลี่ยนแปลง |
ต่อไปนี้จะแสดงให้เห็นถึงหลักการของเวลาการเปลี่ยนแปลง:
ตัวอย่าง
alert("页面二即将显示");
});
$(document).on("pageshow","#pagetwo",function(){ // 当进入页面二时
alert("现在显示页面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 当进入页面二时
alert("页面二即将隐藏");
});
$(document).on("pagehide","#pagetwo",function(){ // When leaving pagetwo
alert("现在隐藏页面二");
});
ลอง»