多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2

jquerymobile教程

jQuery Mobile頁面事件

閱讀 (2226)

jQuery Mobile 頁面事件

jQuery Mobile 頁面事件

在 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 Load 事件

頁面加載事件屬于外部頁面。

無論外部頁面何時載入 DOM，將觸發兩個事件。第一個是 pagebeforeload，第二個是 pageload （成功）或 pageloadfailed（失?。?/p>

下表中解釋了這些事件：

事件 描述
pagebeforeload 在任何頁面加載請求作出之前觸發。
pageload 在頁面已成功加載并插入 DOM 后觸發。
pageloadfailed 如果頁面加載請求失敗，則觸發該事件。默認地，將顯示 "Error Loading Page" 消息。

下列演示 pageload 和 pagloadfailed 事件的工作原理：

實例

$(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(){ // When leaving pagetwo
  alert("現在隱藏頁面二");
});

嘗試一下 ?
關閉
程序員人生
主站蜘蛛池模板： 特级aav毛片日本免费视频 | 一本大道香蕉高清久久 | 亚洲最新色图 | 午夜网站在线观看 | 亚洲免费观看视频 | 国产成在线观看免费视频成本人 | 成人在线手机视频 | 亚洲国产成a人v在线 | 日本xxxxxx | 亚洲精品无码专区在线播放 | 视频一区二区三区欧美日韩 | 激情片段视频 | 国产亚洲福利精品一区 | 国产免费久久精品 | 男女爽爽无遮挡午夜视频在线观看 | 欧美超清性videosfree | 国产激情一区二区三区四区 | 琪琪777影院在线观看 | 在线亚洲欧洲国产综合444 | 香蕉tv亚洲专区在线观看 | 欧美日韩1区2区 | 国产综合亚洲欧美日韩一区二区 | 黑人和黑人激情一级毛片 | 中文字幕无限乱码不卡2021 | 福利在线免费 | 日本午夜三级 | 亚洲精品视频观看 | 中文字幕人成乱码在线观看 | 欧美精品网 | 欧美日韩视频二区三区 | 免费成人视屏 | 黄色片网站在线播放 | 亚洲欧美乱综合图片区小说区 | 一级毛片在线免费看 | 日韩一级精品视频在线观看 | 成人精品视频 | 亚洲区在线播放 | 欧美人与z0z0xxxx | 亚洲欧美高清视频 | 天堂 在线最新版在线 | 三级国产在线观看 |