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>