జెక్కీ మొబైల్ పేజీ ఇవెంట్

జెక్కీ మొబైల్ పేజీ ఇవెంట్

జూన్ మొబైల్లో పేజీతో మాట్లాడే ఇన్సిడెంట్లను నాలుగు వర్గాలుగా విభజించబడుతాయి:

  • Page Initialization - పేజీ సృష్టి ముందు, పేజీ సృష్టి చేసినప్పుడు మరియు పేజీ ప్రారంభం తరువాత
  • Page Load/Unload - బాహ్య పేజీ లోడ్ చేసినప్పుడు, అనువసానం చేసినప్పుడు లేదా వెంచర్ అయినప్పుడు
  • Page Transition - పేజీ పరివర్తన ముందు మరియు తరువాత
  • Page Change - పేజీ మారినప్పుడు లేదా వెంచర్ అయినప్పుడు

అన్ని jQuery Mobile ఇన్సిడెంట్లపై పూర్తి సమాచారం కొరకు మా వెబ్సైట్ నిర్దేశించండి: jQuery Mobile ఇన్సిడెంట్ పరిశీలన మాన్యాలు。

jQuery Mobile Initialization ఇన్సిడెంట్

జూన్ మొబైల్లో ఒక సాధారణ పేజీ ప్రారంభం చేసినప్పుడు, ఇది మూడు దశలను అనుభవిస్తుంది:

  • పేజీ సృష్టి ముందు
  • పేజీ సృష్టి
  • పేజీ ప్రారంభం

ప్రతి దశలో ప్రారంభించబడే ఇన్సిడెంట్లను కొనసాగించడానికి లేదా కోడ్ని జోడించడానికి ఉపయోగించవచ్చు。

సంఘటన వివరణ
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 పేజీ విజయవంతంగా లోడ్ అయినప్పుడు మరియు DOM లో చేరుస్తారు తరువాత ప్రారంభం అవుతుంది.
pageloadfailed పేజీ లోడ్ అభ్యర్ధన విఫలమైతే, ఈ సంఘటనను ప్రారంభిస్తారు. అప్రమేయంగా, "Error Loading Page" సందేశాన్ని ప్రదర్శిస్తారు.

పరివర్తన పేజీలు మరియు 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(){ // 当进入页面二时
  alert("现在显示页面二");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // 当离开页面二时
  alert("页面二即将隐藏");
});
$(document).on("pagehide","#pagetwo",function(){ // 当离开页面二时
  alert("现在隐藏页面二");
});

亲自试一试