在jquerymobile開發手機端應用使用可能需要考慮相關的頁面跳轉帶來的引數問題。因為jquerymobile其實也是html5實踐的結果。html5中有localstorage和sessionstorage使用。最好採用storage實現比較簡單易用。
例如在頁面a跳轉b頁面,在a跳轉前將跳轉引數注入到localstorage中,在b頁面初始化獲取localstorage相關的頁面引數。並做相應的處理同時在適當的頁面清理頁面引數。
storage.js內容如下:
function kset(key, value)舉例如下:function kget(key)
function kremove(key)
function kclear()
//測試更新方法
function kupdate(key,value)
簡單封裝如下:
//臨時儲存在a頁面的內容:var tempcache = ,
getcache:function(),
setitem:function(key,value),
getitem:function(key),
removeitem:function(key)
};
繫結所有workorderclass樣式的div
//繫結檢視的列表的相關的資訊
function bindlistview(changedata));
});}
在頁面b的初始化方法中:
使用並適時
清空頁面的storage、。
//工單展示的初始化資訊如有不懂的地方,歡迎溝通謝謝!function displayworkorder()else
}
jQuery Mobile 頁面事件
在 jquery mobile 中與頁面打交道的事件被分為四類 當 jquery mobile 中的一張典型頁面進行初始化時,它會經歷三個階段 每個階段觸發的事件都可用於插入或操作 事件描述 pagebeforecreate 當頁面即將初始化,並且在 jquery mobile 已開始增強頁面之前,...
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 ...