有没有办法在jQuery Mobile中制作可折叠的元素/集合而不是插入?默认情况下,它将可折叠元素作为插入项。
data-inset="false"
不会改变行为。
答案 0 :(得分:8)
如果您将margin-left
和margin-right
属性设为负值,则可以将可折叠内容展开为页面宽度。
可折叠的默认margin-top
和margin-bottom
值为8px
,因此我们可以为此编写CSS规则:
.ui-collapsible {
margin : 8px -15px;
}
我选择了-15px
,因为这是padding
元素添加到每个页面的data-role="content"
的负数。
这是一个jsfiddle来查看它的作用:http://jsfiddle.net/jasper/zSvqU/
答案 1 :(得分:0)
您始终可以将可折叠内容块放在data-role="header"
中,但当然,如果您的可折叠内容不需要位于页面中间的某个位置,那么这是可以的。