ການສະແດງ jQuery Mobile

ການສະແດງ jQuery Mobile

ການກະຕຸ້ນທີ່ກ່ຽວກັບເວັບໄຊໃນ jQuery Mobile ຖືກຈັດໃຫ້ເປັນສີ່ອັນດັບ:

  • ການວາງການເວັບໄຊ - ກ່ອນສ້າງເວັບໄຊໃນກ່ອນສ້າງເວັບໄຊແລະຫຼັງການວາງເວັບໄຊ
  • ການອ່ານ/ການຖອນເວັບໄຊ - ເມື່ອເວັບໄຊພາຍນອກຖືກອ່ານຫຼືຖອນຫຼືການສັບສົນລົ້ມ
  • ການຍ້າຍເວັບໄຊ - ກ່ອນແລະຫຼັງການຍ້າຍເວັບໄຊ
  • ການປ່ຽນເວັບໄຊ - ເມື່ອເວັບໄຊຖືກປ່ຽນຫຼືການສັບສົນລົ້ມ

ສຳລັບຂໍ້ມູນທັງໝົດຂອງການກະຕຸ້ນ 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(){ // ເມື່ອເຂົ້າໄປບົດຮູບທີສອງ
  alert("ບໍ່ມີຄວາມສະທ້ອນບົດຮູບທີສອງກໍາລັງສະແດງ");
});
$(document).on("pagebeforehide","#pagetwo",function(){ // ເມື່ອອອກຈາກບົດຮູບທີສອງ
  alert("ບໍ່ມີຄວາມສະທ້ອນບົດຮູບທີສອງກໍາລັງກຳລັງປິດ");
});
$(document).on("pagehide","#pagetwo",function(){ // ເມື່ອອອກຈາກບົດຮູບທີສອງ
  alert("ບໍ່ມີຄວາມສະທ້ອນບົດຮູບທີສອງ");
});

ທົດລອງດັ່ງທີ່ພວກເຈົ້າພະເຈົ້າສາມາດ