jQuery Mobile的1.4從DOM

刪除以前的頁面使用jQuery移動，直到V1，你可以用類似刪除用戶從DOM離開頁面：jQuery Mobile的1.4從DOM

$('#Page').live('pagehide', function() { 
    $(this).remove(); 
});

然而Pagecontainer Widget是正確的從jQM 1.4開始處理類似這樣的事情並繼續前進。我的問題是，我無法用jQM 1.4重新創建這個動作。

我已經試過

$(":mobile-pagecontainer").on("pagecontainershow", function(event, ui) { 
    $(ui.prevPage).remove();  
});

和許多類似的變化，使用pagecontainerhide，pagecontainerbeforeshow等，但我沒有成功。 .live（'pagehide'）版本在用戶離開的頁面中調用，使事情變得更容易訪問，而pagecontainerhide不在該頁面內調用。

與此相關的主要問題是我正在使用響應式日曆（請參閱：http://www.vissit.com/jquery-event-calendar-plugin-english-version），並且第一次轉到日曆所在的頁面時，它可以正常工作，但是當您遠離頁面並稍後返回，因爲事件日程表插件中的js，頁面的某些部分會重複。另外，離開日曆之後的每一頁都有JS錯誤。我只是想從dom中刪除這個頁面並做適當的清理，這樣就不會發生。

作爲一個便箋，我很樂意使用不同的日曆插件。我需要它具有響應能力，並具有上述日曆插件之類的「月」視圖。當用戶在該月的某一天點擊/觸摸時，我還需要舉辦活動。我喜歡這個，但唯一的缺點是它不完全全屏。我很想找到一個很好的全屏日曆來模仿一個本地的應用程序（如谷歌日曆的月視圖在Android上看起來如何）

來源

2014-03-07 livewire1407

請注意，從DOM中移除頁面不會將其從URL歷史中移除。如果你點擊返回按鈕，你將被引導到前一頁被刪除，所以你卡住了。 – Omar

ui.prevPage已經是一個jQuery集合對象。所以請嘗試：

$(":mobile-pagecontainer").on("pagecontainershow", function(event, ui) { 
    ui.prevPage.remove();  
});

來源

2014-03-07 02:27:44 ezanker

感謝您指出，但不幸的是，它並沒有幫助 – livewire1407

您也可以嘗試$（「body」）。on（...而不是$（「：mobile-pagecontainer」）。on（...，我試過它在小提琴中，它適用於我 – ezanker

我不認爲這種情況正在被擊中，因爲如果我扔控制檯日誌在那裏，它不會顯示。下面的代碼是在我的頭模板的頭標記，所以它（「body」）。on（「pagecontainershow」，function（event，ui）{ console.log（'body'）。應該在每一頁上都存在並且它從不記錄。 aa'）; ui.prevPage.remove（）; }）; ' – livewire1407

我正在使用最新的JQM 1.4.4，我也遇到了這個問題。

$(document).on('mobileinit', function() { 

    //this doesn't work 
    $(':mobile-pagecontainer').on('pagecontainershow', function(event, ui) { 
    ui.prevPage.remove();  
    }); 

    //this doesn't work either 
    $('body').on('pagecontainershow', function(event, ui) { 
    ui.prevPage.remove();  
    }); 

    //this is the only thing that worked for me 
    $(document).on('pagecontainershow', function(event, ui) { 
    ui.prevPage.remove(); 

    //this way of removing content (on pageshow or pagehide) no 
    //longer works reliably for me either. I see DOM nodes being 
    //generated, but nothing cleaning up 
    //$(event.currentTarget).remove();  
    }); 
});

祝你好運程序！

來源

2014-10-08 16:10:00 Erik

jQuery Mobile的1.4從DOM

回答

相關問題