[英]jquery, jquery mobile Browser Back button issue
這是我的jquery移動頁面的自動頁面轉換問題。 任何幫助表示贊賞。
我在第A頁,我點擊一個鏈接,然后我轉到頁面“B”。 現在我點擊頁面“B”中的鏈接轉到第C頁。
在頁面CI上單擊瀏覽器后退按鈕(左下角的iphone),它將我帶到頁面B所需的良好狀態。 現在,我點擊相同的鏈接返回到頁面C.這次,瀏覽器會自動閃爍頁面“C”(很快就會自動將jquery移動加載圖像放在中間,它會轉換幻燈片)它會加載頁面“ B“而不是。 當我查看頂部的URL時,我仍然是pageC.html url而不是B.只有內容屬於Page B.
我有道理嗎? 怎么了? 請幫幫我。
更多信息:我在用什么?
非常感謝
我遇到了同樣的問題,並且能夠通過將hashListeningEnabled設置為false來解決它。
$.extend( $.mobile , {
ajaxEnabled : false,
hashListeningEnabled: false
});
$ .extend($ .mobile,{ajaxEnabled:false,hashListeningEnabled:false});
這對我也有用。 在iPhone 5s上,我會瀏覽一個頁面(使用.pagecontainer(“change”)方法)。 該頁面是在客戶端代碼中動態生成的,因此它不是實際的URL。 無論如何,我第一次使用后退按鈕,它會工作。 我第二次導航到另一個頁面時,會發生轉換,然后頁面會快速閃回/重新加載。 之后,后退按鈕停止工作。
在標簽中實現此代碼對我有用。 確保你把這個放在你的jquery參考之后,但是在你的jquery MOBILE參考之前。 這是一個非常令人沮喪的Gotcha。 我的標簽看起來像這樣:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function () {
$.mobile.ajaxEnabled = false;
$.mobile.pushStateEnabled = false;
});
</script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="phonebook.js"></script>
我有類似的問題。 向鏈接添加data-ajax="false"
有時會有所幫助。
例如改變
`<a href="#" data-role="button" id="fix_link">Another Page</a>`
至
`<a data-ajax="false" href="#" data-role="button" id="fix_link">Another Page</a>`
關於JQuery Mobile如何加載頁面以及如何使用導航,有很多地方可以閱讀,但我通過修補這一點了解到最多,有時候data-rel="external"
是某些情況。
如果您沒有使用AJAX導航(即您將$.mobile.ajaxEnabled
選項設置為false),JQuery Mobile建議還禁用$.mobile.pushStateEnabled
來修復這些瀏覽器問題:
注意:在構建全局禁用Ajax導航系統或在單個鏈接上頻繁禁用的jQuery Mobile應用程序時,我們建議禁用$ .mobile.pushStateEnabled全局配置選項以避免某些瀏覽器中的導航行為不一致。
http://demos.jquerymobile.com/1.4.2/navigation-linking-pages/
要禁用它:
$(document).bind("mobileinit", function () {
$.mobile.ajaxEnabled = false;
$.mobile.pushStateEnabled = false;
});
伙伴,
我猜問題是你的文件結構。 您正在使用jquery移動庫,但同時您正在使用兩個頁面來進行無效的轉換。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.