ล่าสุดการพัฒนาเว็บบทเรียน
 

เหตุการณ์ PageInit jQuery

<เหตุการณ์ jQuery มือถือ

ตัวอย่าง

แจ้งเตือนข้อความบางส่วนเมื่อเพจที่ได้รับการเริ่มต้นและการปรับปรุง:

$(document).on("pageinit",function(){
  alert("pageinit event fired!")
});
ลองตัวเอง»

ความหมายและการใช้งาน

เหตุการณ์ PageInit ถูกคัดค้านใน jQuery เวอร์ชัน 1.4.0 ใช้ pagecreate เหตุการณ์แทน

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

ก่อนที่รุ่น 1.4 เหตุการณ์นี้ถูกนำมาใช้แทนของ jQuery DOM ready() วิธีการที่จะวางเหตุการณ์ jQuery อื่น ๆ ทั้งหมดและฟังก์ชั่น นี้เป็นเพราะมันจะทำงานไม่ว่าจะโหลดหน้าเว็บโดยตรงหรือผ่านสาย AJAX ของหน้าอื่น แต่เป็นของรุ่น 1.4 นี้ได้ถูกแทนที่โดยเหตุการณ์ pagecreate

หมายเหตุ: เหตุการณ์นี้จะถูกเรียกเพียงครั้งเดียวต่อ "หน้า" - ทุกครั้งหน้าจะโหลดเป็นครั้งแรก, มือถือ jQuery แคชหน้าใน DOM (หน่วยความจำ) ดังนั้นเมื่อคุณนำทางกลับจาก pagetwo เพื่อ pageone (ตัวอย่าง) นี้ เหตุการณ์จะไม่ยิงแล้วเพราะ pageone จะเริ่มต้นได้แล้ว

เหตุการณ์ที่เกี่ยวข้อง:

  • pagebeforecreate - เรียกเมื่อหน้าเป็นเรื่องเกี่ยวกับที่จะเริ่มต้น แต่ก่อนที่การเพิ่มประสิทธิภาพได้เริ่ม
  • pagecreate - เรียกเมื่อหน้าจะถูกสร้างขึ้น แต่ก่อนที่การเพิ่มประสิทธิภาพเสร็จสมบูรณ์

วากยสัมพันธ์

ที่จะเรียกเหตุการณ์สำหรับทุกหน้าใน jQuery มือถือ:

$(document).on("pageinit",function(event){...}) Try it

ที่จะเรียกเหตุการณ์สำหรับหน้าเฉพาะ:

$(document).on("pageinit"," page ",function(event){...}) Try it

พารามิเตอร์ ลักษณะ
function(event) จำเป็นต้องใช้ ระบุฟังก์ชั่นในการทำงานเมื่อมีเหตุการณ์เกิดขึ้น PageInit

ฟังก์ชั่นมีวัตถุเหตุการณ์เป็นตัวเลือกซึ่งสามารถมีคุณสมบัติใด ๆ เหตุการณ์ jQuery (เช่น event.target, event.type อื่น ๆ ) ดู jQuery เหตุการณ์อ้างอิง สำหรับข้อมูลเพิ่มเติม
page ไม่จำเป็น จุดที่ต้อง ID ของหน้าเพื่อระบุเหตุการณ์ PageInit สำหรับ สำหรับหน้าภายในใช้ #id สำหรับหน้าเว็บภายนอกให้ใช้ externalfile.html

ลองตัวเอง - ตัวอย่าง

การสาธิตการ pagebeforecreate และ pagecreate
การสาธิตที่แสดงให้เห็นเมื่อ pagebeforecreate และ pagecreate ไฟ

วัตถุเหตุการณ์
ใช้ทรัพย์สิน event.type เพื่อกลับชนิดเหตุการณ์ใด


<เหตุการณ์ jQuery มือถือ