jQuery 手机 : make a collapsible element 100% width/NOT inset

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/