JQueryMobile頁面跳轉引數的傳遞解決方案

2021-09-30 11:03:42 字數 921 閱讀 7444

在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)

舉例如下:

簡單封裝如下:

//臨時儲存

var tempcache = ,

getcache:function(),

setitem:function(key,value),

getitem:function(key),

removeitem:function(key)

};

在a頁面的內容:

繫結所有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 ...