我有一个问题,我不能清楚地认为是导航问题或内容的动态显示问题。首先,我使用一个 html 页面来托管多个页面,每个页面都有两个导航栏:页眉和页脚。
第一个页面显示使用getJSON()从后端的 php 作为 JSON 对象动态获取的内容。使用这些可折叠项的 html() 函数,内容显示为三个可折叠项的子项。内容分别填写在H1和可折叠项的两个列表子标签中。
我的上部导航栏有三个条目(page1, page2, page3)。当我从page1导航到page2,然后单击page2中的page1条目时,一切都按预期工作,即,我得到page1就像我第一次离开它时一样。
下面的导航栏是字形菜单,也有三页(page_a, page_b, page_c)。当我从page1转到page_c然后单击page1链接返回(或者即使我使用 JQM 默认的“后退”按钮)时,会出现问题,page1的 CSS中断既不显示标题导航栏也不显示第一个可折叠,但是而是将第一个可折叠H1的内容与第二个可折叠的内容混淆。
我使用 listview() 来刷新列表视图,一旦动态填充它们(在每次调用 pageshow() 之后)。
我有不同的尝试来解决其中一个问题是在消失的可折叠项目上使用 page() 但它没有用。
值得一提的是,我在其 webkit 浏览器上直接在设备 Blackberry Bold 9700(它坏了!)上进行开发;但是,该功能在桌面浏览器 Firefox 4、Chrome 和它的扩展 Ripple 上运行良好。
如果有人遇到此类问题并设法解决它,我将不胜感激您的洞察力/解决方案。
干杯。
[编辑]按照cpak提供的链接,我将以下CSS规则添加到我的自定义css文件中,它设法解决了这个问题。
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { height:0; overflow:hidden}
.ui-mobile .ui-page-active { display: block; overflow: visible; height:auto; min-height:100%;}
然后,我一起删除了上述规则,并使用了最新构建的 JQM,它默认解决了这个问题。对于那里的任何人,当我遇到问题时,我使用的是v1.0a4.1,但它似乎在最新版本的 JQM 中已修复(日期为 5 月 24 日)