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

เหตุการณ์ jQuery pagebeforeshow

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

ตัวอย่าง

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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