在Android上使用iframe時jQuery Mobile Navbar鏈接不工作

Question

我有一個使用jQuery Mobile創建的移動項目。

我遇到的問題只出現在Android設備上。

我的應用程序由固定標題（頂部）和固定頁腳（底部）以及一些內容（頁眉和頁腳之間）組成。

頁腳包含鏈接（在導航欄內），內容包含iFrame。根據當前頁面（從導航欄中選擇）等，我將不同的頁面拉入iFrame（源）中...

iframe包含在div內，並且高度設置爲100％，以便它適合應用程序內容區。一切都按預期工作 - 在我的桌面瀏覽器（測試）中加載應用程序時，以及在iOS設備上等等。 iFrame正確加載和渲染iFrames源代碼，並允許我使用頁腳中的導航欄在頁面之間切換（每次將新內容加載到iframe中）。

但是，在Android上，iFrame也加載並正確呈現，儘管我無法使用導航欄（我無法點擊鏈接）。看起來，iFrame的內容正在從頁面（在iFrame外部並且在頁腳/導航欄後面包含div（儘管不可見）（它不被剪切或裁剪）中渲染出來，我認爲它正在從navbar本身（如果這是有道理的） - 例如，當我點擊/觸摸導航欄中的鏈接時，它將被忽略，或者如果（偶然）在選定的導航欄鏈接下呈現的iframe中存在鏈接，內的iFrame加載和導航欄鏈接被忽略......

我一直在敲打我的頭就這一個了一段時間了，所以任何幫助將是非常讚賞。

乾杯！

Answer 1

我更新到最新版本的jQuery手機（相應地更新我的代碼），這似乎解決了這個問題和其他問題:)我會建議（和我學到的教訓是）首先更新到最新的庫，如果您遇到任何問題空間。