jquery mobile rel =「external」transition

Question

對於我用jquery mobile構建的phonegap應用程序，如果我想要轉到另一個頁面，例如如果我想從index.html轉到用戶，則使用rel =「external」 .html ..

我使用這個選項，否則我不能在users.html中使用javascript函數..例如它不會在document.ready中執行whats ..但是..如果我使用rel = 「外部」，那麼它將工作..

問題是，如果我使用rel =「external」過渡（幻燈片）將無法再工作..有人知道它爲什麼是這樣嗎？

Answer 1

嘗試使用pageinit而不是document.ready和rel =「external」。這是在頁面初始化後觸發的。您還可以使用其他活動，具體取決於您的需求，如pageshow或bagebeforeshow。

$('#aboutPage').live('pageinit',function(event){ 
    alert('This page was just enhanced by jQuery Mobile!'); 
}); 

更多關於JQM事件http://jquerymobile.com/demos/1.1.1/docs/api/events.html

這裏是他們說的document.ready什麼：

重要提示：使用的$（document）.bind（ 'pageinit'），而不是$（文件）.ready（）

您在jQuery中學到的第一件事就是調用 $（document）.ready（）函數中的代碼，以便儘快執行 DOM i被加載。但是，在jQuery Mobile中，Ajax用於在導航時將每個頁面的 內容加載到DOM中，DOM準備好的 處理程序僅對第一頁執行。要在加載和創建新頁面時執行代碼，可以綁定到pageinit事件。 此事件在本頁底部詳細解釋。