【发布时间】：2013-03-15 13:44:56
【问题描述】：
我有一个使用 jQuery Mobile 创建的移动项目。
我遇到的问题仅（似乎）发生在 Android 设备上。
我的应用程序包含一个固定的页眉（顶部）和一个固定的页脚（底部）以及一些内容（在页眉和页脚之间）。
页脚包含链接（在导航栏中），内容包含 iFrame。我根据当前页面（从导航栏中选择）等将不同的页面拉入 iFrame（源）...
iframe 包含在一个 div 中，并且高度设置为 100%，以便它适合应用程序的内容区域。一切都按预期工作 - 在我的桌面浏览器（测试）以及 IOS 设备等上加载应用程序时...... iFrame 正确加载和呈现 iFrame 源，并允许我使用页脚中的导航栏在页面之间切换（每次都将新内容加载到 iframe 中）。
但是，在 Android 上，iFrame 也可以正确加载和呈现，尽管我无法使用导航栏（我无法单击链接）。似乎 iFrame 的内容正在页面外呈现（在 iFrame 之外并包含页脚/导航栏后面的 div（虽然不可见）（它没有被剪切或裁剪），我认为它正在从导航栏本身（如果有意义的话） - 例如，当我单击/触摸导航栏中的链接时，它要么被忽略，要么（偶然）在所选导航栏链接下呈现的 iframe 中有一个链接，来自源的链接iFrame 内的加载和导航栏链接被忽略...
我一直在努力解决这个问题，所以非常感谢任何帮助。
干杯！
【问题讨论】：
-
听起来像是浏览器呈现 div 列的问题。您是否尝试过其他浏览器？也许它在这方面表现不同。您可能需要查看 CSS div 定位属性。
标签： javascript android cordova jquery-mobile iframe