jQuery Mobile Web應用程序 - 點擊鏈接到另一頁 - 頁面閃爍內容然後空白

Question

這是我遇到的問題，我仍然不確定它爲什麼會發生。

頁中的問題是 - http://nexrem.com/dragontimer/testdir/mobile/index.html

當你點擊選擇服務器按鈕時，頁面閃爍，應該是有內容，那麼它的空白！我知道這個問題的一種解決辦法是將data-ajax="false"添加到鏈接中;然而，如果我這樣做，那麼我遇到了另一個問題：在iPhone上，如果我將頁面添加到我的主屏幕然後運行它 - 單擊「選擇服務器」 - 打開瀏覽器，而不是停留在Web應用程序中。

我的目標是讓用戶能夠將頁面添加到他們的主屏幕，沒有網址欄，只需從內部運行所有頁面。看起來有<meta name="apple-mobile-web-app-capable" content="yes" />和data-ajax="false"在一起沒有工作。

所以基本上兩件事：

• 如何解決屏幕閃爍和顯示的是空白的（除非刷新）
• 或我怎麼能有Web應用程序，沒有工具欄和不打開瀏覽器每次用戶點擊按鈕？

謝謝

編輯：下面是index.html的代碼和servers.html

的index.html - http://pastebin.com/Qh5s7QRp

servers.html - http://pastebin.com/Exv2MJrS

Answer 1

在您的文件index.html中，包括rel="external"而不是data-ajax="false"裏面的de你的鏈接的定義Select server。

所以，你應該有這個代替：

<a href="servers.html" data-role="button" data-theme="c" rel="external">Select server</a> 

您可能還需要更換每一個data-ajax="false"，你同時包括在HTML文件index.html和servers.html，與rel="external"的<a>鏈接。

---

檢查，瞭解更多有關rel="external"在http://jquerymobile.com/test/docs/pages/page-links.html在線文檔：

鏈接指向其他領域或有相對=「外部」， 數據阿賈克斯=「假「或目標屬性將不會加載Ajax。 相反，這些鏈接將導致整個頁面刷新，而沒有動畫 轉換。這兩個屬性（的rel =「外部」和數據AJAX =「假」） 具有相同的效果，但不同的語義： 應該鏈接到另一個網站時或使用的rel =「外部」域，而 data-ajax =「false」對於簡單地選擇通過Ajax加載的 域中的頁面非常有用。由於安全限制，框架始終選擇從Ajax 行爲中選擇到外部域的鏈接。

希望這會有所幫助。