jQuery मोबाइल - संक्रमण
यह संपत्ति के मूल्यों को बदलने की अनुमति देता है जो निर्दिष्ट अवधि से अधिक होता है और प्रत्येक राज्य के लिए विभिन्न शैलियों को लागू करके एक राज्य से दूसरे राज्य में एक तत्व का व्यवहार करता है।
निम्न तालिका में jQuery के मोबाइल फ्रेमवर्क में उपयोग किए गए कुछ पृष्ठ संक्रमणों की सूची दी गई है -
| अनु क्रमांक। | संक्रमण और विवरण | पृष्ठों के लिए | संवाद के लिए |
|---|---|---|---|
| 1 | fade आप तत्वों को दृश्यता के अंदर और बाहर फीका कर सकते हैं। |
फीका पेज | फीका संवाद |
| 2 | flip तत्वों को पीछे से अगले पृष्ठ पर पलटें। |
फ्लिप पेज | फ्लिप डायलॉग |
| 3 | pop आप एक पॉपअप विंडो बना सकते हैं। |
पॉप पेज | पॉप डायलॉग |
| 4 | flow वर्तमान पृष्ठ को दूर रखकर अगला पृष्ठ प्रदर्शित करें। |
प्रवाह पृष्ठ | प्रवाह संवाद |
| 5 | slide आप पृष्ठ को दाईं से बाईं ओर स्लाइड कर सकते हैं। |
स्लाइड पेज | स्लाइड डायलॉग |
| 6 | slidefade पृष्ठ को दाईं से बाईं ओर खिसकाता है और अगले पृष्ठ में फ़ेड करता है। |
Slidefade पेज | स्लाइडफेड डायलॉग |
| 7 | slideup पृष्ठ को नीचे से ऊपर तक स्लाइड करता है। |
स्लाइडअप पेज | स्लाइडअप डायलॉग |
| 8 | slidedown पृष्ठ को ऊपर से नीचे की ओर खिसकाता है। |
स्लेजडाउन पेज | स्लेजडाउन डायलॉग |
| 9 | turn आप अगले पृष्ठ पर जा सकते हैं। |
पृष्ठ चालू करें | संवाद चालू करें |
| 10 | none आप इस विशेषता का उपयोग करके किसी भी संक्रमण प्रभाव का उपयोग नहीं कर सकते। |
कोई पृष्ठ नहीं | डायलॉग कोई नहीं |
संक्रमण और वैश्विक विन्यास की स्थापना
डिफ़ॉल्ट रूप से, पृष्ठ होंगे fadeढांचे में संक्रमण। आप जोड़कर कस्टम संक्रमण का उपयोग कर सकते हैंdata-transitionलिंक के लिए विशेषता। आप का उपयोग कर पेज के लिए अलग डिफ़ॉल्ट संक्रमण प्रभाव का उपयोग कर सकते हैंdefaultPageTransitionविश्व स्तर पर विकल्प। संवादों के लिए, आप इसका उपयोग कर सकते हैंdefaultDialogTransition विकल्प।
पतन का संक्रमण
सभी संक्रमण फीका संक्रमण को छोड़कर 3 डी परिवर्तनों का समर्थन करते हैं। जो उपकरण 3 डी परिवर्तन का समर्थन नहीं करते हैं, उन्हें फीका संक्रमण का उपयोग करना होगा। कुछ ब्राउज़र प्रत्येक संक्रमण प्रकार के लिए 3 डी परिवर्तनों का समर्थन नहीं करते हैं, इसलिए आप इसका उपयोग कर सकते हैंfade डिफ़ॉल्ट संक्रमण के रूप में।
संक्रमण के लिए अधिकतम स्क्रॉल
जब आप स्क्रॉल कर रहे हों या किसी पृष्ठ पर जा रहे हों, तो संक्रमण किसी पर भी सेट नहीं होता है और स्क्रॉल स्थिति डिवाइस स्क्रीन की ऊंचाई से तीन गुना अधिक होगी। कभी-कभी, आप जवाब देने में धीमे हो सकते हैं या किसी भी नेविगेशन तत्व पर क्लिक करने पर ब्राउज़र क्रैश हो सकता है; तो इससे बचने के लिए हम स्क्रॉल स्थिति का उपयोग करके संक्रमण के लिए उपयोग कर रहे हैंgetMaxScrollForTransition समारोह।
संक्रमण के लिए अधिकतम चौड़ाई
जब विंडो की चौड़ाई पिक्सेल की चौड़ाई से अधिक हो, तो आप संक्रमण को अक्षम कर सकते हैं। आप का उपयोग करके संक्रमण के लिए अधिकतम चौड़ाई कॉन्फ़िगर कर सकते हैं$.mobile.maxTransitionWidthवैश्विक विकल्प, जो डिफ़ॉल्ट रूप से गलत पर सेट है। यह पिक्सेल चौड़ाई या गलत मान जैसे मान लेता है, और यदि विंडो निर्दिष्ट मान से अधिक है, तो यह गलत मान नहीं होने पर संक्रमण सेट हो जाएगा।
एक ही पृष्ठ संक्रमण
आप वर्तमान पृष्ठ में संक्रमण का उपयोग करके जोड़ सकते हैं allowSamePageTransition पेज कंटेनर विजेट का विकल्प change() तरीका।
कस्टम संक्रमण बनाना
आप पृष्ठ का उपयोग करके कस्टम संक्रमण बना सकते हैं $.mobile.transitionHandlers वह विकल्प जो वेबसाइट या एप्लिकेशन पर संक्रमण के चयन का विस्तार करता है।