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", но, конечно, это нормально, если ваш разборный контент не обязательно должен быть где-то в середине вашей страницы.