【发布时间】：2011-05-25 11:46:27
【问题描述】：
我有一个问题，我不能清楚地认为是 导航 问题或 动态显示 内容问题。首先，我使用一个 html 页面来托管多个页面，每个页面都有两个导航栏：页眉和页脚。
首页显示的内容是使用getJSON()从后端的php动态获取的JSON对象。使用这些可折叠项的 html() 函数，内容显示为三个可折叠项的子项。内容分别填写在H1和可折叠项的两个lists子标签中。
我的上方导航栏有三个条目(page1, page2, page3)。当我从 page1 导航到 page2，然后单击 page2 中的 page1 条目时，一切正常，ie，我得到了 page1，就像我第一次离开时一样。
下方的导航栏是 glyphish 菜单，具有三个页面以及 (page_a, page_b, page_c)。 问题发生在我从 page1 转到 page_c 然后单击 page1 > 链接返回（甚至当我使用 JQM 默认的“返回”按钮时），page1 的 CSS 中断既不显示标题导航栏也不显示第一个可折叠，而是合并第一个可折叠的内容H1与第二个可折叠的内容混淆了。
我使用 listview() 在动态填充列表视图后刷新它们（每次调用 pageshow() 之后）。
我有不同的尝试来解决其中一个问题是在消失的可折叠项目上使用 page()，但它没有工作。
值得一提的是，我直接在设备 Blackberry Bold 9700（它坏了！）上的 webkit 浏览器上进行开发；但是，该功能在桌面浏览器 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 日）中修复
【问题讨论】：
-
你是如何使用 listview() 函数的？代码会很好。你试过这个吗？ $(element).listview('refresh');
标签： jquery css jquery-mobile navbar