jQuery Mobile - เพจ
ผู้ใช้สามารถโต้ตอบกับเพจ jQuery Mobile ซึ่งจัดกลุ่มเนื้อหาเป็นมุมมองตรรกะและมุมมองเพจ มุมมองหน้าสามารถเคลื่อนไหวได้โดยใช้การเปลี่ยนหน้า สามารถสร้างหลายหน้าได้โดยใช้เอกสาร HTML ดังนั้นจึงไม่จำเป็นต้องขอเนื้อหาจากเซิร์ฟเวอร์
ตารางต่อไปนี้แสดงประเภทของเพจโดยละเอียด
| ซีเนียร์ | ประเภทและคำอธิบาย |
|---|---|
| 1 | หน้าเดียว หน้าเดียวถูกสร้างขึ้นในเอกสาร HTML โดยใช้วิธีการเขียนเทมเพลตมาตรฐาน |
| 2 | เทมเพลตหลายหน้า หน้าหลายคนสามารถจะรวมอยู่ในเอกสาร HTML เดียวซึ่งโหลดกันโดยการเพิ่ม divs หลายที่มีข้อมูลบทบาท = "หน้า" |
| 3 | หน้ากล่องโต้ตอบ กล่องโต้ตอบ Modal จะเปิดเนื้อหาในภาพซ้อนทับแบบโต้ตอบเหนือหน้า |
อนุสัญญาไม่ใช่ข้อกำหนด
องค์ประกอบแอตทริบิวต์ data-role เช่นส่วนหัวส่วนท้ายหน้าและเนื้อหาถูกใช้เพื่อจัดเตรียมรูปแบบและโครงสร้างพื้นฐานของเพจ
สำหรับเอกสารหน้าเดียว Wrapper ของเพจจำเป็นสำหรับการเริ่มต้นอัตโนมัติถูกตั้งค่าเป็นทางเลือก
องค์ประกอบโครงสร้างสามารถยกเว้นได้สำหรับเว็บเพจที่มีเค้าโครงแบบกำหนดเอง
ในการจัดการเพจกระดาษห่อเพจจะถูกแทรกโดยเฟรมเวิร์กเมื่อมาร์กอัปไม่รวมอยู่ด้วย
การกำหนดหน้าเว็บล่วงหน้า
รวมถึงแอตทริบิวต์data-prefetchเราสามารถดึงข้อมูลหน้าไปยัง DOM ในเทมเพลตหน้าเดียว สำหรับข้อมูลเพิ่มเติมคลิกที่นี่
แคช DOM
เมื่อหน่วยความจำของเบราว์เซอร์เต็มใน DOM แล้วเบราว์เซอร์มือถือจะทำงานช้าลงหรืออาจพังเนื่องจากการโหลดหลายหน้า มีวิธีง่ายๆในการทำให้ DOM เป็นระเบียบเรียบร้อย -
เมื่อเพจถูกโหลดผ่าน ajax มันจะระบุว่าให้ลบเพจออกจาก DOM เมื่อคุณเปลี่ยนเส้นทางไปยังเพจอื่น
หน้าก่อนหน้านี้ที่คุณเคยเยี่ยมชมสามารถเรียกดูได้จากแคชเมื่อคุณกลับมาดูอีกครั้ง
แทนที่จะลบเพจคุณสามารถบอกให้ jQuery mobile เก็บไว้ใน DOM ได้โดยใช้บรรทัดต่อไปนี้ -
$.mobile.page.prototype.options.domCache = true;ตั้งค่าตัวเลือก domCache เป็นจริงบนปลั๊กอินของเพจเพื่อเก็บเพจทั้งหมดไว้ใน DOM ที่เคยเยี่ยมชม
pageContainerElement.page({ domCache: true });