जेक्वरी मोबाइल पेज इवेंट

जेक्वरी मोबाइल पेज इवेंट

jQuery Mobile में पृष्ठ के साथ संबंधित इवेंट चार श्रेणियों में विभाजित किए जाते हैं:

  • Page Initialization - पृष्ठ बनाने से पहले, पृष्ठ बनाया गया और पृष्ठ चालू होने के बाद
  • Page Load/Unload - जब बाहरी पृष्ठ लोड होता है, अन्योन्य करता है या असफल होता है
  • Page Transition - पृष्ठ ट्रांसिशन के पहले और बाद में
  • Page Change - जब पृष्ठ बदला जाता है, या असफल होता है

सभी jQuery Mobile 事件 के बारे में पूरी जानकारी के लिए हमारे jQuery Mobile 事件参考手册。

jQuery Mobile Initialization इवेंट

जब jQuery Mobile में एक तीक्ष्ण पृष्ठ चालू होने वाला है, तो यह तीन चरणों के दौरान अनुभव करेगा:

  • पृष्ठ बनाने से पहले
  • पृष्ठ बनाया गया
  • पृष्ठ चालू होना

प्रत्येक चरण में ट्रिगर किया जाने वाला इवेंट, कोड को जोड़ने या ऑपरेशन करने के लिए उपयोग किया जा सकता है।

घटना वर्णन
pagebeforecreate जब पृष्ठ चालू होने वाला है, और jQuery Mobile पृष्ठ को बढ़ावा देने से पहले, इस इवेंट को ट्रिगर करें।
pagecreate जब पृष्ठ बनाया गया है, लेकिन बढ़ावा पूरा होने से पहले, इस इवेंट को ट्रिगर करें।
pageinit पेज इनिशियेल होने के बाद और jQuery Mobile पेज बढ़ावा देने के बाद, इस घटना को ट्रिगर किया जाता है。

नीचे दिए गए उदाहरण में jQuery Mobile में पेज को बनाने के दौरान, कब किसी घटना को ट्रिगर किया जाता है, ये दर्शाया गया है:

उदाहरण

$(document).on("pagebeforecreate",function(event){
  alert("pagebeforecreate घटना ट्रिगर कीजाई!");
}); 
$(document).on("pagecreate",function(event){
  alert("pagecreate घटना ट्रिगर कीजाई!");
});
$(document).on("pageinit",function(event){
  alert("pageinit घटना ट्रिगर कीजाई!")
});

स्वयं प्रयास करें

jQuery Mobile लोड घटना

पेज लोड घटना बाहरी पेज के अधीन है。

बाहरी पेज किसी समय DOM में लोड होने पर, दो घटनाएँ ट्रिगर होती हैं।पहली घटना pagebeforeload है, दूसरी घटना pageload (सफल) या pageloadfailed (विफल) है。

नीचे दिए गए तालिका में इन घटनाओं को स्पष्ट किया गया है:

घटना वर्णन
pagebeforeload किसी भी पेज लोड के अनुरोध के पूर्व ट्रिगर होता है。
pageload पेज सफलता से लोड होने और DOM में जमा होने के बाद ट्रिगर होता है。
pageloadfailed यदि पेज लोड के अनुरोध विफल होता है, तो इस घटना को ट्रिगर किया जाता है।मूलभूत रूप से, "Error Loading Page" संदेश दिखाया जाता है。

निम्नलिखित pageload और pageloadfailed घटनाओं के कार्यकोण को दर्शाता है:

उदाहरण

$(document).on("pageload",function(event,data){
  alert("pageload घटना ट्रिगर कीजाई!\nURL: " + data.url);
});
$(document).on("pageloadfailed",function(event,data){
  alert("अफसोस, अनुरोधित पेज मौजूद नहीं है");
});

स्वयं प्रयास करें

jQuery Mobile पारस्परिक घटना

हम इसी तरह एक पेज से दूसरे पेज के आने पर घटनाओं का उपयोग कर सकते हैं.

पेज पारस्परिक करने में दो पेज शामिल हैं: एक "आने वाला" पेज और एक "जाने वाला" पेज - ये पारस्परिक करने वर्तमान सक्रिय पेज ("आने वाला" पेज) से नए पेज ("जाने वाला" पेज) के बदले की प्रक्रिया को अधिक गतिशील बनाते हैं.

घटना वर्णन
pagebeforeshow “जाने वाले” पेज पर ट्रिगर होता है, पारस्परिक एनीमेशन शुरू होने से पहले.
pageshow “जाने वाले” पेज पर ट्रिगर होता है, पारस्परिक एनीमेशन पूरा होने के बाद.
pagebeforehide “आने वाले” पेज पर ट्रिगर होता है, पारस्परिक एनीमेशन शुरू होने से पहले.
pagehide “आने वाले” पेज पर ट्रिगर होता है, पारस्परिक एनीमेशन पूरा होने के बाद.

निम्नलिखित एक पारस्परिक समय के कार्यकोण को दर्शाता है:

उदाहरण

$(document).on("pagebeforeshow","#pagetwo",function(){ // जब पृष्ठ दो में जाए
  alert("पेज द्वितीय दिखाया जाएगा");
});
$(document).on("pageshow","#pagetwo",function(){ // जब पृष्ठ दो में जाए
  अलर्ट("अब पृष्ठ दो दिखाया जा रहा है");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // जब पृष्ठ दो से छूट जाए
  अलर्ट("पृष्ठ दो छुपने वाला है");
});
$(document).on("pagehide","#pagetwo",function(){ // जब पृष्ठ दो से छूट जाए
  अलर्ट("अब पृष्ठ दो छुपा रहा है");
});

स्वयं प्रयास करें