我几次遇到Framework7的这个问题。第一次使用cordova-plugin-ibeacon,然后使用phonegap-launch-navigator,gmaps.js,现在甚至内置animated tabs。
我将以gmaps.js为例来描述问题。 在index.html上,我使用gmap.js API在谷歌地图上插入div。它工作正常。当我导航到另一个页面并返回index.html谷歌地图不再有效。它只是灰色,不活跃,div中没有任何东西可见。没有错误输出到控制台或任何东西。
与上面提到的所有API完全相同的行为+ framework7的动画标签在返回页面后才会变为非活动状态。
由于这种情况发生在我已经使用的每个外部API上,我认为这是与Framework7相关的一些问题。
也许与路由有关的东西?我使用Ajax Pages进行导航。也许应该以某种方式涉及deviceready事件?
可能与此相关的其他问题是这些API仅适用于index.html。如果我在任何子页面上使用它们,它就不起作用,没有错误输出到控制台。它只需要在主页上。
我专门创建了git存储库来指示我的问题https://github.com/wiewioraseb/framework7-basic-app 它已经准备好使用存储库(无需额外配置),只需在READG.Md中指示的PhoneGap中打开它,并使用屏幕底部的按钮更改页面。