我有一个使用 jQuery Mobile 创建的移动项目。
我遇到的问题仅(似乎)发生在 Android 设备上。
我的应用程序由一个固定的页眉(在顶部)和一个固定的页脚(在底部)和一些内容(在页眉和页脚之间)组成。
页脚包含链接(在导航栏中),内容包含 iFrame。我根据当前页面(从导航栏中选择)等将不同的页面拉入 iFrame(源)...
iframe 包含在 div 中,高度设置为 100%,以便适合应用程序内容区域。一切都按预期工作 - 在我的桌面浏览器(测试)以及 IOS 设备等上加载应用程序时...例如 iFrame 正确加载和呈现 iFrames 源并允许我使用页脚中的导航栏在页面(每次将新内容加载到 iframe 中)。
但是,在 Android 上,iFrame 也可以正确加载和呈现,尽管我无法使用导航栏(我无法单击链接)。似乎 iFrame 的内容正在页面外呈现(在 iFrame 之外并包含页脚/导航栏后面的 div(虽然不可见)(它没有被剪切或裁剪),我认为它正在从导航栏本身(如果有意义的话) - 例如,当我单击/触摸导航栏中的链接时,它要么被忽略,要么(偶然)在所选导航栏链接下呈现的 iframe 中有一个链接,来自源的链接iFrame 内已加载,导航栏链接被忽略...
我一直在努力解决这个问题,所以非常感谢任何帮助。
干杯!