關於jquery mobile使用進行頁面跳轉返回上一頁出現空白頁問題的解決

當在  Jquery Mobile支持所有標準的html格式,爲了讓體驗更加流暢,Jquery Mobile會把同一個域下的所有指向頁面的鏈接都會自動轉爲ajax請求,並且用動畫的轉場效果實現切換
指向別的域的鏈接或者是含有 rel="external", data-ajax="false" 屬性的鏈接以及含有target屬性的鏈接不會通過ajax加載,頁面纔會整體被刷新。否則由於chrome爲了提高頁面的加載速度,採用了ajax加載,頁面不會整體被刷新。只有局部的會刷新,所以導致鏈接返回上一個頁面的時候出現了空白頁面的情況,因此,只要在button按鈕上加上data-ajax="false",在返回上一個頁面就不會再出現空白頁面的問題,不過這樣也會使之前爲該button設置的所有屬性失效
原來返回上一個頁面會出現空白頁的例子
 <a href="index.php" data-role="button" data-icon="arrow-l" data-infile="true" data-corners="true" data-iconshadow="false" data-transition="slide" data-direction="reverse">返回</a>

返回上一個頁面不會出現頁面的例子
  <a href="index.php" data-role="button" data-ajax="false"  data-icon="arrow-l" data-infile="true" data-corners="true" data-iconshadow="false" data-transition="slide" data-direction="reverse">返回</a>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章