jQuery Mobile：制作可折叠元素100％宽度/不插入

Question

有没有办法让jQuery Mobile中的可折叠元素/集合不嵌入？默认情况下，它会将可折叠元素作为插入项目。

data-inset="false"不会改变行为。

Answer 1

如果您给margin-left和margin-right属性设置负值，则可以将可折叠内容展开为页面宽度。

默认margin-top和margin-bottom值可折叠的8px所以我们可以写出这样的CSS规则：

.ui-collapsible { 
    margin : 8px -15px; 
} 

我选择-15px，因为这是在data-role="content"元素添加到每个padding负量页。

这里是查看一下这个做了的jsfiddle：http://jsfiddle.net/jasper/zSvqU/

Answer 2

你总是可以把可折叠的内容块data-role="header"，但当然这只是如果你的可折叠的内容并不需要在某个地方的好在你的页面中间。