微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

data-inset =“false”不会改变行为.

解决方法

如果将margin-left和margin-right属性赋予负值,则可以将可折叠内容扩展为页面宽度.

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

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

我选择了-15px,因为这是data-role =“content”元素添加到每个页面的负填充量.

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐