JQuery Mobile Panel無法正常導航回首頁

Question

我遇到了一個困擾我的問題。 我有一個可以從我所有頁面打開的面板，並且我正在使用外部面板（JQM 1.4.0中的新增功能）來實現這一點，這非常酷。 面板具有指向用於導航的不同頁面的鏈接。 一切工作正常，直到出於某些明顯的性能原因，我更改了所有過渡：從“滑動”到過渡：“無”。 我刪除過渡面板后，開始出現奇怪的問題

我創建了一個jsfiddle以便更好地理解。 通過單擊“菜單”按鈕打開面板，然后單擊“轉到第二頁”鏈接。 這將在我使用changePage到pageTwo的地方調用一個JS方法（我應該按照設計通過JS方法，我不能像#pageTwo那樣去）。 現在，單擊“后退”按鈕返回到#pageOne。 現在，如果您單擊菜單按鈕，它不會打開。 出乎意料的是，如果我在將changePage轉換為pageTwo時使用** any transition ****，那么整個事情都可以工作，即如果我使用以下代碼，則可以正常工作。

  $.mobile.changePage('#pageTwo', {transtion,'slide'})

我在這里發現了類似的問題，但沒有解決方案。 任何幫助表示贊賞

Answer 1

看起來像是JQM 1.4中的錯誤，

$.mobile.defaultPageTransition = 'none'; 是造成它的原因，盡管不是這樣。

當頁面過渡設置為“無”時，頁面將在關閉面板之前進行更改。

使用$.mobile.defaultPageTransition = 'fade'; OR transition: "fade" $.mobile.defaultPageTransition = 'fade'; OR transition: "fade" 。

Answer 2

我對此問題進行了快速解決。 當我們執行更改頁面時，會發生問題，在關閉面板之前先進行頁面更改。 因此，我在調用更改頁面之前進行了延遲。

setTimeout(function(){
    $.mobile.changePage('#page2',{transtion:'none'});   
},200);

Answer 3

我遇到了同樣的問題，我通過創建一個腳本在每個頁面上偵聽並在頁面隱藏之前刪除外部面板來解決此問題，如下所示：

$(document).on('pagebeforehide', function(event)
{ 
    $('#mypanel').remove();
});

必須在html文件中的jquery mobile之前調用此腳本。

當您每次打開每個頁面時都通過JS將面板添加到DOM時，還需要先刪除它，然后才能隱藏當前頁面，然后在導航過程中在下一頁再次讀取它。

這對我有用。 希望對您有所幫助。

Answer 4

如此處所述： Github上的問題＃7711

現在可以與jQuery Mobile 1.4.5一起使用。 我遇到了同樣的問題，因此我升級到了這個版本。 這個對我有用！