2011-05-25 79 views
2

我有一个问题,我无法明确认为是一个导航问题或内容问题动态显示。首先,我使用一个单独的html页面,其中包含多个页面,其中每页有两个导航栏:页眉和页脚。jQuery Mobile的导航,休息CSS

第一页显示的内容是动态取自后端的php作为JSON对象使用getJSON()。使用这些可折叠项目的html()函数将内容显示为三个可折叠项目的子项。内容分别孩子可折叠项目的标签填充H1和两个名单。

我的上部导航条有三个条目(page1,page2,page3)。当我从第1页第2页导航,然后单击从第2页第1页入境,一切正常,,我得到第1页在我第一次离开它。

下导航栏是glyphish菜单有三个页面以及(page_a,page_b,page_c)问题当我去page_c第1页,然后我点击第1页链接即可返回发生(甚至当我使用JQM默认的“返回”按钮),第1页的CSS符显示既不头导航栏,也不是第一可收缩,而是合并第一可折叠H1的与所述第二可塌缩的内容混淆性的内容。

我使用列表视图()刷新列表视图,一次填充它们动态(每次调用pageshow后())。

我有不同的尝试()在消失的湿陷性项目解决了其中的一个是使用网页的问题,但没有奏效。

它一提的是,我直接做我的开发设备上是很有用的黑莓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日)

+0

你如何使用列表视图离开岗位,为社会决定=)()功能?代码会很好。你试过这个吗? $(元素).listview( '刷新'); – 2011-05-25 12:50:02

+0

Phill,请参阅上面的[编辑] – nawar 2011-05-25 15:07:16

回答