jQuery Mobile:使可折叠元素100%宽度/不插入

cjc*_*cee 5 css jquery collapsable jquery-mobile

有没有办法在jQuery Mobile中制作可折叠的元素/集合而不是插入?默认情况下,它将可折叠元素作为插入项.

data-inset="false" 不改变行为.

Jas*_*per 8

如果为margin-leftand margin-right属性指定负值,则可以将可折叠内容扩展为页面宽度.

可折叠的默认值margin-topmargin-bottom值是8px这样我们可以为此编写CSS规则:

.ui-collapsible {
    margin : 8px -15px;
}
Run Code Online (Sandbox Code Playgroud)

我选择-15px,因为这是负量paddingdata-role="content"元素添加到每一页.

这是一个jsfiddle来查看它的作用:http://jsfiddle.net/jasper/zSvqU/