jQuery Mobile পেজ ইভেন্ট

jQuery Mobile পেজ ইভেন্ট

jQuery Mobile-তে পৃষ্ঠার সাথে কাজ করা ইভেন্টগুলি চারটি শ্রেণীতে বিভক্ত

  • Page Initialization - পৃষ্ঠা তৈরির আগে, যখন পৃষ্ঠা তৈরি হয়, এবং পৃষ্ঠা প্রাথমিকভাবে চালু হওয়ার পরে
  • Page Load/Unload - বাহ্যিক পৃষ্ঠা লোড করা হলে, বা আন্তরিক করা হলে, বা ব্যর্থ হলে
  • Page Transition - পৃষ্ঠা পরিবর্তনের আগে এবং পরে
  • Page Change - যখন পৃষ্ঠা পরিবর্তিত হয়, বা ব্যর্থ হয়

সমস্ত jQuery Mobile Event নিয়ে পূর্ণ তথ্য জানার জন্য, আমাদের jQuery Mobile Event রেফারেন্স ম্যানুয়েল。

jQuery Mobile Initialization ইভেন্ট

জিনারিক পৃষ্ঠা জিনারিক পৃষ্ঠা প্রাথমিকভাবে চালু করা হলে, তা তিনটি পর্যায় দিয়ে যাবে:

  • পৃষ্ঠা তৈরির আগে
  • পৃষ্ঠা তৈরি
  • পৃষ্ঠা প্রাথমিকভাবে চালু

প্রত্যেক পর্যায়ে ট্রিগার করা ইভেন্টগুলি কোড এন্টার করা বা অপারেশন করার জন্য ব্যবহার্য

ঘটনা বর্ণনা
pagebeforecreate পৃষ্ঠা প্রাথমিকভাবে চালু করা হলে এবং jQuery Mobile পৃষ্ঠা শক্তিকরণ শুরু করা হয়নি পূর্বে, এই ইভেন্টটি ট্রিগার করা হয়。
pagecreate পৃষ্ঠা তৈরি হলেও এখনও এক্সট্রাপ সম্পন্ন হয়নি পূর্বে, এই ইভেন্টটি ট্রিগার করা হয়。
pageinit যখন পৃষ্ঠা ইনিটাইজেশন হয় এবং 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 Load �টনা

পৃষ্ঠা লোড ঘটনা বাইরের পৃষ্ঠার সঙ্গে সংযুক্ত রয়েছে。

কোনও বাইরের পৃষ্ঠা যখনই 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(){ // যখন পৃষ্ঠা দ্বিতীয়টি প্রবেশ করে
  alert("পৃষ্ঠা দ্বিতীয়টি এখন দেখা যাচ্ছে");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // যখন পৃষ্ঠা দ্বিতীয়টি ছেড়ে যাওয়ার সময়
  alert("পৃষ্ঠা দ্বিতীয়টি লুকিয়ে যাচ্ছে");
});
$(document).on("pagehide","#pagetwo",function(){ // যখন পৃষ্ঠা দ্বিতীয়টি ছেড়ে যাওয়ার সময়
  alert("পৃষ্ঠা দ্বিতীয়টি লুকিয়ে গেছে");
});

আপনার হাতে পরীক্ষা করুন