jquery mobile跳轉網頁的ajax…有點麻煩?

jquery mobile是個很方便的手機版網頁套件,提供的介面做出的網頁和原生App看起來像極了,哇哇的個人網站就是用jquery mobile製作的:

哇哇工作站

有發現嗎?每次點了分頁後,雖然網址跳轉了,但實際上頁面並沒有完全重整;這是因為在jquery mobile為了使手機版網頁在切換頁面時,畫面不要有重整、跳動的情形,所以全面應用了ajax載入的效果。

Ajax處理的結果,確實使得網頁有在轉換時有良好的使用者體驗,但是在一些狀況下,卻會造成系統上的問題,例如:

  • 在跳轉後的網頁上,有一些JavaScript要執行。
  • 整合Facebook API時。
  • 跳轉後的網頁並沒有用到jquery mobile。
  • 其它特殊狀況。

在這些情況下,就有會有需要停用ajax的效果了,停用的方式視實際狀況而有不同;若要全面停用ajax,可以這樣處理:

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    $.mobile.ajaxEnabled = false;
});
</script>

若只要在跳轉後網頁不要繼續使用ajax,則應該這樣處理:

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function () {
    $.mobile.ajaxEnabled = false;
});
</script>

 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *