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

เหตุการณ์ pagehide jQuery

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

ตัวอย่าง

แจ้งเตือนข้อความบางอย่างเมื่อหน้าเราจะเปลี่ยนออกไป from เป็นที่ซ่อนอยู่:

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

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

เหตุการณ์ pagehide จะถูกเรียกใน "from" หน้าหลังจากการเปลี่ยนแปลงนิเมชั่นเริ่มต้น

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

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

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


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

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

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

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

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

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

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

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

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

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

วัตถุเหตุการณ์
ใช้ event.timeStamp คุณสมบัติ

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


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