jquery mobile使用小技巧

jquery本身已是乙個成熟的框架，jq mobile作為它的附屬，繼承了 write less,do more 的傳統。

但是作為乙個新興起的專案，毛病也是有不少。我在運用到專案中時，發現了如下問題並積累了下解決方法。

1.頁面轉場時，當前頁會先回到頂部，再跳轉到目標頁

這種頁面的錯頓感嚴重影響使用者體驗，特別是在android的手機上。各種搜尋引擎無果後，曾經我避免把頁面長度做得超過1屏，也嘗試修改jq mobile的原始碼（但效果不好），折磨了一段時間後，迎來了jquery mobile的更新，然後 1.1.0版本解決了這個問題。

所以如果還被這個問題困擾的同學們，趕緊去下新版的jq mobile。

2.頁面轉場閃屏問題

在頁面轉場時，頁面內容經常會閃動，特別對於slide效果，fade的話沒那麼嚴重但也還是會覺察到閃動。這對於使用者體驗是致命傷，原因是手機瀏覽器對於css3的支援還不算太好。解決的方法就是讓頁面轉場效果進行的時候，先將內容背景隱藏，加上下面的一段css

/* fixed閃屏 */

.ui-page

需要注意的是你的jquery最好使用 1.7.1或以上的版本，否則有上面的css也可能還是會閃屏。

3.tab選擇之後back不能恢復原始狀態問題

在幾個均有導航的頁面如果其中有乙個頁面有tab頁面，選擇非預設的之後，返回上乙個頁面，之後在回來，沒有採用預設的那個tab選中並改變預設顏色。可以採用如下**：ui-btn-active表示選中樣式

返回

if(tabid=="1")else if(tabid=="2")

4.特殊情況下選中相關問題連線沒有載入

解決的方案有兩種：

1.採用非ajax呼叫（data-ajax='false',rel="external",data-ajax="false"）

2.採用同乙個頁面多個page模式，採用pageshow載入並初始化。