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

时间:2011-12-02 14:27:16

标签: jquery css jquery-mobile collapsable

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

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

2 个答案:

答案 0 :(得分:8)

如果您将margin-leftmargin-right属性设为负值,则可以将可折叠内容展开为页面宽度。

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

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

我选择了-15px,因为这是padding元素添加到每个页面的data-role="content"的负数。

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

答案 1 :(得分:0)

您始终可以将可折叠内容块放在data-role="header"中,但当然,如果您的可折叠内容不需要位于页面中间的某个位置,那么这是可以的。

相关问题