在Android上使用iframe时,jQuery Mobile Navbar链接无效

时间:2013-03-15 13:44:56

标签: javascript android cordova jquery-mobile iframe

我有一个使用jQuery Mobile创建的移动项目。

我遇到的问题(似乎)在Android设备上发生。

我的应用程序包括一个固定的标题(在顶部)和固定的页脚(在底部)和一些内容(在页眉和页脚之间)。

页脚包含链接(在导航栏中),内容包含iFrame。我将不同的页面拉入iFrame(源代码),具体取决于当前页面(从导航栏中选择)等...

iframe包含在div中,高度设置为100%,以便它适合应用程序内容区域。一切都按预期工作 - 在我的桌面浏览器(测试)和IOS设备等加载应用程序时......例如。 iFrame正确加载并呈现iFrames源,并允许我使用页脚中的导航栏在页面之间切换(每次将新内容加载到iframe中)。

然而,在Android上,iFrame也正确加载和渲染,虽然我无法使用导航栏(我无法点击链接)。看来iFrame的内容是在页面外呈现的(在iFrame之外并且在页脚/导航栏后面包含div(虽然不可见)(它没有剪切或裁剪),我认为它是从触摸事件焦点导航栏本身(如果有意义的话) - 例如,当我单击/触摸导航栏中的链接时,它会被忽略,或者如果(偶然)在所选导航栏链接下呈现的iframe中有链接,则来自源的链接加载iFrame并忽略导航栏链接...

我现在已经在这个问题上敲了一下,所以任何帮助都会非常感激。

干杯!

1 个答案:

答案 0 :(得分:0)

我更新到jQuery mobile的最新版本(相应地更新我的代码),这似乎解决了这个和其他问题:)我建议(我学到的教训是)如果你遇到的话,首先更新到最新的库这个空间内的任何问题。