jQuery移动导航条链接在Android上使用iframe时不起作用

jQuery Mobile Navbar links not working when iframe is used on Android

本文关键字:iframe 不起作用 Android 导航 移动 链接 jQuery      更新时间:2023-09-26

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

我遇到的问题只发生在Android设备上。

我的应用程序由一个固定的页眉(在顶部)和固定的页脚(在底部)和一些内容(在页眉和页脚之间)组成。

页脚包含链接(在导航栏内),内容包含iFrame。我拉不同的页面到iFrame(源)取决于当前页面(从导航栏中选择)等…

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

然而,在Android上,iFrame也加载和渲染正确,虽然我不能使用导航栏(我不能点击链接)。看来iFrame的内容呈现的页面(在iFrame,包含div(尽管不可见)后面的页脚/导航(这不是削减或裁剪),我认为这是触摸事件重点从导航本身(如果有意义)-例如,当我点击/触摸导航链接,忽略,或者(偶然)有一个链接在iFrame呈现在选定的导航链接,从iFrame内的源链接被加载,导航条链接被忽略…

我已经绞尽脑汁想了一段时间了,所以任何帮助都会非常感激。

干杯!

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