1. Home
  2. เหตุการณ์ที่เกิดขึ้นหน้ามือถือ jQuery

บทช่วยสอน เหตุการณ์ที่เกิดขึ้นหน้ามือถือ jQuery ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ เหตุการณ์ที่เกิดขึ้นหน้ามือถือ jQuery,เหตุการณ์มือถือ jQuery การเริ่มต้น,ตัวอย่าง,โหลดเหตุการณ์ jQuery มือถือ,ตัวอย่าง,เหตุการณ์การเปลี่ยนแปลง jQuery มือถือ,ตัวอย่าง,

เหตุการณ์ที่เกิดขึ้นหน้ามือถือ jQuery

เหตุการณ์ที่เกิดขึ้นหน้ามือถือ jQuery

เหตุการณ์ใน jQuery หน้ามือถือที่เกี่ยวข้องกับการจะแบ่งออกเป็นสี่ประเภท

  • หน้าเริ่มต้น - ก่อนหน้านี้มีการสร้างขึ้นเมื่อเพจที่ถูกสร้างขึ้นและหน้าหลังเริ่มต้น
  • โหลดหน้า / ยกเลิกการโหลด - เมื่อมีการโหลดหน้าเว็บภายนอกขนถ่ายหรือเมื่อครั้งแรกล้มเหลว
  • การเปลี่ยนหน้า - การเปลี่ยนหน้าก่อนและหลัง
  • เปลี่ยนหน้า - เมื่อเพจมีการเปลี่ยนแปลงหรือความล้มเหลวของใบหน้า

สำหรับข้อมูลที่สมบูรณ์เกี่ยวกับเหตุการณ์ทั้งหมด jQuery Mobile โปรดเยี่ยมชมของเรา คู่มือการใช้งาน jQuery เหตุการณ์มือถือ

เหตุการณ์มือถือ jQuery การเริ่มต้น

เมื่อมือถือ jQuery ในหน้าโดยทั่วไปจะเริ่มต้นได้ก็จะผ่านไปสามขั้นตอน:

  • ก่อนที่จะสร้างหน้า
  • สร้างหน้า
  • เริ่มต้นหน้า

ทริกเกอร์เหตุการณ์สามารถนำมาใช้ในขั้นตอนของรหัสการดำเนินการหรือการแทรกแต่ละ

เหตุการณ์ ลักษณะ
pagebeforecreate เมื่อหน้าเป็นเรื่องเกี่ยวกับการเริ่มต้นและก่อนที่มือถือ jQuery หน้าเพิ่มขึ้นได้เริ่มที่จะก่อให้เกิดเหตุการณ์
pagecreate เมื่อเพจที่ได้รับการสร้างขึ้น แต่ก่อนที่จะเสร็จสิ้นการปรับปรุงที่เรียกเหตุการณ์นี้
PageInit เมื่อหน้าจะเริ่มต้นและหลังจากมือถือ jQuery หน้าปรับปรุงเสร็จเรียบร้อยแล้วเรียกเหตุการณ์

ตัวอย่างต่อไปนี้แสดงให้เห็นถึงมือถือ jQuery เมื่อคุณสร้างหน้าเมื่อจะเรียกแต่ละเหตุการณ์:

ตัวอย่าง

$ (เอกสาร) .on ( "pagebeforecreate" ฟังก์ชั่น (event) {
การแจ้งเตือน ( "เรียกเหตุการณ์ pagebeforecreate!");
});
$ (เอกสาร) .on ( "pagecreate" ฟังก์ชั่น (event) {
การแจ้งเตือน ( "เรียกเหตุการณ์ pagecreate!");
});

ลอง»

โหลดเหตุการณ์ jQuery มือถือ

เหตุการณ์การโหลดหน้าเว็บเป็นหน้าเว็บภายนอก

เมื่อใดก็ตามที่การโหลดหน้าเว็บภายนอก DOM สองเหตุการณ์จะถูกเรียก คนแรกคือ pagebeforeload ที่สองคือ pageLoad (ประสบความสำเร็จ) หรือ pageloadfailed (ล้มเหลว)

ตารางต่อไปนี้จะอธิบายถึงเหตุการณ์ที่เกิดขึ้นเหล่านี้:

เหตุการณ์ ลักษณะ
pagebeforeload ก่อนที่จะมีการร้องขอสำหรับหน้าโหลดไกใด ๆ
pageLoad หน้าถูกโหลดและประสบความสำเร็จแทรก DOM เรียก
pageloadfailed หากมีการร้องขอล้มเหลวในการโหลดหน้ากรณีที่มีการเรียก โดยค่าเริ่มต้น "ข้อผิดพลาดการโหลดหน้าเว็บ" จะปรากฏขึ้น

pageLoad นำเสนอต่อไปนี้และเหตุการณ์ pagloadfailed ทำงาน:

ตัวอย่าง

$(document).on("pageload",function(event,data){
  alert("触发 pageload 事件！\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
  alert(";抱歉，被请求页面不存在。");
});

ลอง»

เหตุการณ์การเปลี่ยนแปลง jQuery มือถือ

นอกจากนี้เรายังสามารถใช้เหตุการณ์ที่เกิดขึ้นในช่วงการเปลี่ยนแปลงจากที่หนึ่งไปยังอีก

การเปลี่ยนหน้าที่เกี่ยวข้องกับสองหน้า: ก "กับ" หน้าและ "Go" หน้า - เปลี่ยนเหล่านี้ทำให้หน้างานอยู่ในปัจจุบัน ( "กับ" หน้า) ไปยังหน้าใหม่ ( "ไปที่" เปลี่ยนหน้าแน่นอนจะกลายเป็น แบบไดนามิกมากขึ้น

เหตุการณ์ ลักษณะ
pagebeforeshow ในหน้า "ไป" เรียกก่อนที่ภาพเคลื่อนไหวเปลี่ยนแปลงเริ่มต้น
pageshow ใน "ไป" ทริกเกอร์หน้าจอหลังจากเสร็จสิ้นของการเคลื่อนไหวเปลี่ยนแปลง
pagebeforehide ใน "กับ" ทริกเกอร์หน้าก่อนภาพเคลื่อนไหวเปลี่ยนแปลงเริ่มต้น
pagehide ใน "กับ" ทริกเกอร์หน้าจอหลังจากเสร็จสิ้นของการเคลื่อนไหวเปลี่ยนแปลง

ต่อไปนี้จะแสดงให้เห็นถึงหลักการของเวลาการเปลี่ยนแปลง:

ตัวอย่าง

$(document).on("pagebeforeshow","#pagetwo",function(){ //当进入页面二时
  alert("页面二即将显示");
});
$(document).on("pageshow","#pagetwo",function(){ // 当进入页面二时
  alert("现在显示页面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 当进入页面二时
  alert("页面二即将隐藏");
});
$(document).on("pagehide","#pagetwo",function(){ // When leaving pagetwo
  alert("现在隐藏页面二");
});

ลอง»

บทแนะนำยอดนิยม

Contact US

เหตุการณ์ที่เกิดขึ้นหน้ามือถือ jQuery
10/30