PhoneGap + JQuery Mobile + Transitions +多個HTML文件=「Error Loading Page」

Question

我正在開發一個PhoneGap應用程序（HTML5 + CSS3 + Javascript/JQuery Mobile）。我開始使用具有多個頁面的單個HTML文件。我在頁面之間切換時使用頁面轉換（幻燈片）。

當我在多個HTML文件（每個頁面一個）中斷單個HTML頁面時，會出現此問題。我無法加載網頁。框架顯示「Error Loading Page Error」。

我知道JQuery Mobile框架在使用多個html文件時使用AJAX加載頁面內容。如果我在web服務器上部署應用程序（比如說IIS），一切都很順利。但是在本地文件（如PhoneGap應用程序需求）中運行時，框架無法執行AJAX請求，因此該頁面無法加載「Error Loading Page Error」。

• 我需要使用jQuery Mobile的
• 我需要使用頁面過渡（幻燈片），以改善用戶體驗
• 我想使用多個HTML文件，不必處理具有獨特的巨大的HTML文件
• 該應用程序不會部署到Web服務器，因爲它是PhoneGap應用程序，並且必須在文件系統中本地運行。
• 我是在android中部署應用程序並使用Adobe Build生成APK安裝文件。

有人可以給點建議嗎？

謝謝！

Answer 1

我已經解決了我的問題。

我在想，PhoneGap的行爲就像直接從文件系統加載頁面並且不允許AJAX請求。在我的桌面測試中，我無法加載外部鏈接「Error Loading Page Error」。但是，在設備上發佈應用程序後，所有外部鏈接都會相應地運行。在某種程度上，PhoneGap基礎架構可以在本地處理AJAX請求。

因此，要在我的桌面進行測試，我只需將應用程序放入IIS中，外部鏈接就可以工作。當該應用在設備上發佈時，其行爲將是相同的。

Answer 2

PhoneGap不運行網絡服務器。所有文件都通過file://協議加載。因此，任何請求都被視爲交叉原點。

要解決這個問題，您需要允許所有主機的請求。

<access uri="*" subdomains="true" /> 

見http://docs.phonegap.com/en/1.9.0/guide_whitelist_index.md.html