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