jQuery मोबाइल - पेज
उपयोगकर्ता jQuery के मोबाइल पृष्ठों के साथ बातचीत कर सकता है, जो सामग्री को तार्किक विचारों और पृष्ठ दृश्यों में समूहित करता है। पृष्ठ दृश्य पृष्ठ संक्रमणों का उपयोग करके एनिमेटेड हो सकता है। HTML दस्तावेज़ का उपयोग करके कई पृष्ठ बनाए जा सकते हैं और इसलिए, सर्वर से सामग्री का अनुरोध करने की कोई आवश्यकता नहीं है।
निम्न तालिका विस्तार से पृष्ठों के प्रकारों को प्रदर्शित करती है।
| अनु क्रमांक। | टाइप और विवरण |
|---|---|
| 1 | एक पृष्ठ टेम्पलेट लिखने के मानक तरीके का उपयोग करके HTML दस्तावेज़ में एक एकल पृष्ठ बनाया जाता है। |
| 2 | मल्टी-पेज टेम्प्लेट एकाधिक पृष्ठों को एकल HTML दस्तावेज़ में शामिल किया जा सकता है, जो डेटा-भूमिका = "पेज" के साथ कई विभाजनों को जोड़कर लोड करता है । |
| 3 | संवाद पृष्ठ मोडल संवाद पृष्ठ के ऊपर एक इंटरैक्टिव ओवरले में खुली सामग्री को दिखाते हैं। |
सम्मेलनों, आवश्यकताओं को नहीं
हेडर, फूटर, पेज और कंटेंट जैसे डेटा-रोल एट्रिब्यूट तत्वों का उपयोग किसी पेज के मूल प्रारूप और संरचना को प्रदान करने के लिए किया जाता है।
एकल पृष्ठ दस्तावेज़ों के लिए, ऑटो-इनिशियलाइज़ेशन को वैकल्पिक के रूप में सेट करने के लिए पृष्ठ आवरण आवश्यक था।
कस्टम लेआउट के साथ एक वेबपेज के लिए संरचनात्मक तत्व को बाहर रखा जा सकता है।
पृष्ठों को प्रबंधित करने के लिए, पृष्ठ आवरण को फ्रेमवर्क द्वारा इंजेक्ट किया जाता है जब इसे मार्कअप द्वारा शामिल नहीं किया जाता है।
प्रीफेचिंग पेज
विशेषता डेटा-प्रीफ़ेच को शामिल करते हुए , हम एकल पृष्ठ टेम्पलेट में डोम में पृष्ठों को प्रीफ़ैच कर सकते हैं। अधिक जानकारी के लिए यहां क्लिक करें ।
डोम कैश
जब DOM में ब्राउजर मेमोरी फुल हो जाती है, तो यह मोबाइल ब्राउजर को धीमा कर देता है या कई पेज लोड होने के कारण क्रैश हो सकता है। DOM को व्यवस्थित रखने के लिए एक सरल विधि है -
जब किसी पृष्ठ को अजाक्स के माध्यम से लोड किया जाता है, तो यह उस पृष्ठ को डोम से हटाने का संकेत देता है जब आप दूसरे पृष्ठ पर पुनर्निर्देशित करते हैं।
पिछला पृष्ठ जिसे आपने विज़िट किया है, जब आप उसे पुनः भेजते हैं तो कैश से पुनर्प्राप्त किया जा सकता है।
पृष्ठों को हटाने के बजाय, आप निम्नलिखित लाइन का उपयोग करके डोम में रखने के लिए jQuery के मोबाइल को बता सकते हैं -
$.mobile.page.prototype.options.domCache = true;DOM में सभी पेजों को रखने के लिए पेज प्लगइन पर सच के रूप में domCache विकल्प सेट करें, जो पहले दौरा किया गया था।
pageContainerElement.page({ domCache: true });