跟我學jquerymobile框架事件編程技術及應用實例第1部分-資料下載頁
2025-10-28 11:01本頁面
【導讀】可以在JQM中使用jQuery事件和JS中的標準的事件。請通過使用on()方法來綁定事件，因為jQueryon()方法用于添加事件處理程序。hashchange啟用bookmarkable#hash歷史記錄。navigate針對hashchange和popstate的wrapper事件。orientationchange當用戶垂直或水平旋轉(zhuǎn)其移動設備時觸發(fā)。pagebeforeload在作出任何加載請求之前觸發(fā)。pageload在頁面成功加載并插入DOM后觸發(fā)。pageremove在窗口視圖從DOM中移除外部頁面之前觸發(fā)。pageshow在過渡動畫完成后，在“到達”頁面觸發(fā)。swiperight當用戶從右劃過元素超過30px時觸發(fā)。updatelayout由動態(tài)顯示/隱藏內(nèi)容的jQueryMobile組件觸發(fā)。是通過Ajax來加載的，這樣在進行頁面轉(zhuǎn)換的時候是無法再次觸發(fā)$.ready()方法。的），該事件在頁面已初始化并完善樣式設置后發(fā)生。件代碼示例中的第二個參數(shù)指向頁面的id。
【正文】 $(document).on(pageinit,function(event){ alert(觸發(fā) pageinit 事件！ ) })。 jQuery Mobile Load 事件 頁面加載事件屬于外部頁面。 無論外部頁面何時載入 DOM，將觸發(fā)兩個事件。第一個是 pagebeforeload，第二個是 pageload （成功）或 pageloadfailed（失?。? 主要的事件執(zhí)行的時機 事件 描述 pagebeforeload 在任何頁面加載請求作出之前觸發(fā)。 pageload 在頁面已成功加載并插入 DOM 后觸發(fā)。 pageloadfailed 如果頁面加載請求失敗，則觸發(fā)該事件。默認地，將顯示 Error 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 9/10 頁 Loading Page 消息。 代碼示例 $(document).on(pageload,function(event,data){ alert(觸發(fā) pageload 事件！ \nURL: + )。 })。 $(document).on(pageloadfailed,function(event,data){ alert(抱歉，被請求頁面不存在。 )。 })。 jQuery Mobile 過渡事件 還可以在從一頁過渡到下一頁時使用事件 頁面過渡涉及兩個頁面：一張“來”的頁面和一張“去”的頁面 這些過渡使當前活動頁面（“來的”頁面）到新頁面（“去的”頁面的改變過程變得更加動感。 主要的事件執(zhí)行的時機 事件 描述 pagebeforeshow 在 “去的 ”頁面觸發(fā)，在過渡動畫開始前。 pageshow 在 “去的 ”頁面觸發(fā)，在過渡動畫完成后。 pagebeforehide 在 “來的 ”頁面觸發(fā)，在過渡動畫開始前。 pagehide 在 “來的 ”頁面觸發(fā)，在過渡動畫完成后。 代碼示例 $(document).on(pagebeforeshow,pagetwo,function(){ // 當進入頁面二時 alert(頁面二即將顯示 )。 })。 $(document).on(pageshow,pagetwo,function(){ // 當進入頁面二時 alert(現(xiàn)在顯示頁面二 )。 })。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 10/10 頁 $(document).on(pagebeforehide,pagetwo,function(){ // 當離 開頁面二時 alert(頁面二即將隱藏 )。 })。 $(document).on(pagehide,pagetwo,function(){ // 當離開頁面二時 alert(現(xiàn)在隱藏頁面二 )。 })。
研究報告相關推薦
鄂ICP備17016276號-1