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

เหตุการณ์ jQuery pageshow

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

ตัวอย่าง

แจ้งเตือนข้อความบางอย่างเมื่อหน้าเราจะเปลี่ยนไปจะแสดง:

$(document).on("pageshow","#pagetwo",function(){
  alert("pageshow event fired - pagetwo is now shown");
});
ลองตัวเอง»

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

เหตุการณ์ pageshow จะถูกเรียกใน "to" หน้าหลังภาพเคลื่อนไหวเปลี่ยนแปลงเสร็จสมบูรณ์

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

  • pagebeforeshow - เปิดขึ้นมาที่ "to" หน้าก่อนที่จะเริ่มต้นการเปลี่ยนแปลงภาพเคลื่อนไหว
  • pagebeforehide - เปิดขึ้นมาที่ "from" หน้าก่อนที่จะเริ่มต้นการเปลี่ยนแปลงภาพเคลื่อนไหว
  • pagehide - เปิดขึ้นมาที่ "from" หน้าหลังภาพเคลื่อนไหวเปลี่ยนแปลงเสร็จสมบูรณ์

หมายเหตุ: เหตุการณ์นี้จะถูกเรียกทุกครั้งที่มีการเปลี่ยนหน้าเริ่มต้น / หยุด


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

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

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

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

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

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

ฟังก์ชั่นมีสองพารามิเตอร์ดังนี้

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

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

การสาธิตการเหตุการณ์ที่เกี่ยวข้อง
การสาธิตที่แสดงให้เห็นเมื่อ pagebeforeshow, pageshow, pagebeforehide และ pagehide ไฟ

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

วัตถุข้อมูล
ใช้ prevPage คุณสมบัติที่จะกลับมาหน้าเราจะเปลี่ยนออกไปจาก


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