在 jquery mobile 中與頁面打交道的事件被分為四類：
當 jquery mobile 中的一張典型頁面進行初始化時，它會經歷三個階段：
每個階段觸發的事件都可用於插入或操作**。
事件描述
pagebeforecreate
當頁面即將初始化，並且在 jquery mobile 已開始增強頁面之前，觸發該事件。
pagecreate
當頁面已建立，但增強完成之前，觸發該事件。
pageinit
當頁面已初始化，並且在 jquery mobile 已完成頁面增強之後，觸發該事件。
下面的例子演示在 jquery mobile 中建立頁面時，何時觸發每種事件：
$(document).on("pagebeforecreate",function(event));
$(document).on("pagecreate",function(event));
嘗試一下 »
頁面載入事件屬於外部頁面。
無論外部頁面何時載入 dom，將觸發兩個事件。第乙個是 pagebeforeload，第二個是 pageload （成功）或 pageloadfailed（失敗）。
下表中解釋了這些事件：
事件描述
pagebeforeload
在任何頁面載入請求作出之前觸發。
pageload
在頁面已成功載入並插入 dom 後觸發。
pageloadfailed
如果頁面載入請求失敗，則觸發該事件。預設地，將顯示 "error loading page" 訊息。
下列演示 pageload 和 pagloadfailed 事件的工作原理：
$(document).on("pageload",function(event,data));
$(document).on("pageloadfailed",function(event,data));
嘗試一下 »
頁面過渡涉及兩個頁面：一張"來"的頁面和一張"去"的頁面 - 這些過渡使當前活動頁面（"來的"頁面）到新頁面（"去的"頁面的改變過程變得更加動感。
事件描述
pagebeforeshow
在"去的"頁面觸發，在過渡動畫開始前。
pageshow
在"去的"頁面觸發，在過渡動畫完成後。
pagebeforehide
在"來的"頁面觸發，在過渡動畫開始前。
pagehide
在"來的"頁面觸發，在過渡動畫完成後。
下列演示了過渡時間的工作原理：
$(document).on("pagebeforeshow","#pagetwo",function());
$(document).on("pageshow","#pagetwo",function());
$(document).on("pagebeforehide","#pagetwo",function());
$(document).on("pagehide","#pagetwo",function());
jquerymobile頁面結構
1 必須用html5的文件型別頭 2 包含viewport的meta標籤 3 包含jquerymobile的css和js檔案 4 使用data role page 結構 data role page data role header data role content data role foote...
jquery mobile頁面新增iscroll
在低版本的iso裝置上瀏覽器不支援position fixed樣式，找了很多解決方案之後選擇了iscroll。增加滾動功能的 如下 1 function 89 elm.css 1213 var barheight 0 頁頭頁尾高度 1415 設定頁頭樣式 16var header elm.find ...
jQuery Mobile頁面跳轉及其引數傳遞
這裡我用到的是標籤進行跳轉，引數是放在href後面的，如下 遇到的問題 1 在第二個頁面，引入的js沒有效果，寫的js方法沒有生效？解析 這是因為頁面跳轉，只能夠解析裡面的東西 解決辦法 第一種方法 將js方法，css樣式，引入的js都寫在這個標籤裡面就可以生效 第二種方法 在a標籤中加入rel e...