簡體   English   中英

jquery,jquery移動瀏覽器后退按鈕問題

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM