2

我有一个问题,我不能清楚地认为是导航问题或内容的动态显示问题。首先,我使用一个 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 日)

4

1 回答 1

1

在 Chrome 和 MobileSafari 中的 #home 页面和其他页面之间来回切换时,我遇到了类似的问题,但在原生 Android 浏览器中没有。几天前发现了这个:

使用 jQuery Mobile“后退”按钮时,Safari 和 MobileSafari 中的主页布局被搞砸了

我还没有时间尝试它,但它可能与你所经历的有关。

[编辑]:重新阅读您的问题后,我不确定这是否会有所帮助,但无论如何我都会将帖子留在这里供社区决定=)

于 2011-05-25T11:55:55.320 回答