如何让jquery移动列表视图显示与其文档中相同的格式?

时间:2012-02-17 03:07:07

标签: jquery jquery-mobile

我想知道如何在左侧显示jquery移动列表视图,就像位于http://jquerymobile.com/demos/1.0.1/docs/lists/docs-lists.html的文档一样。使用ipad和iphone,列表视图可以很好地调整大小。我试图复制文档网址的内容,但我无法得到相同的结果。相反,列表视图显示为主要内容下的第二个块。

建议的答案是使用content-primary和content-secondary,但这不起作用,请参阅此处的示例http://jsfiddle.net/jSkM7/2/

2 个答案:

答案 0 :(得分:2)

我认为您正在寻找的是

<div class="content-primary">

vs

<div class="content-secondary">

如果您在标记中首先放置“辅助”内容div,您将从第一页(http://jquerymobile.com/demos/1.0.1/)获得效果,它将折叠到页面顶部如果你看一下iPhone和iPad。如果你把它放在主要之后,它就会折叠起来,就像你展示的一样。

列表类型也不同,因此您应该查看这些页面的来源,找出哪个更适合您的需求。

答案 1 :(得分:0)

好的,这似乎是jqm 1.0.1中的一个错误,上面建议的答案适用于1.0。