【问题标题】:jQuery Mobile: make a collapsible element 100% width/NOT insetjQuery Mobile:使可折叠元素 100% 宽度/不插入
【发布时间】:2012-01-11 13:41:20
【问题描述】:

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

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

【问题讨论】:

  • 预期的行为是什么?如果是关于风格,你可以重新设计

标签: jquery css jquery-mobile collapsable


【解决方案1】:

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

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

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

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

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

【讨论】:

    【解决方案2】:

    您始终可以将可折叠内容块放在data-role="header" 中,但当然,只有当您的可折叠内容不需要位于页面中间的某个位置时才可以这样做。

    【讨论】:

      猜你喜欢
      • 2014-09-04
      • 1970-01-01
      • 2012-01-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-08-21
      相关资源
      最近更新 更多