jQuery Mobile：折りたたみ可能な要素を100％幅/挿入しない

Question

Jquery Mobileで折りたたみ可能な要素/セットを挿入しないようにする方法はありますか？デフォルトでは、折りたたみ式の要素を挿入図として作成します。

data-inset="false" 動作を変更しません。

Answer 1

あなたが与えるなら 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/

Answer 2

折りたたみ可能なコンテンツブロックをいつでも入れることができます data-role="header", 、しかし、もちろん、これは折りたたみ可能なコンテンツがページの中央にある必要がない場合にのみ大丈夫です。