JQuery Mobile: Machen Sie ein zusammenklappbares Element zu 100% Breite/nicht ein Einschub

Question

Gibt es eine Möglichkeit, ein zusammenklappbares Element/ein Set in JQuery Mobile nicht zu erstellen, nicht ein Einschub? Standardmäßig macht es das zusammenklappbare Element als Einschubelement.

data-inset="false" verändert das Verhalten nicht.

Answer 1

Wenn Sie das geben margin-left und margin-right Eigenschaften Ein negativer Wert Sie können den zusammenklappbaren Inhalt auf die Breite der Seite erweitern.

Der Standard margin-top und margin-bottom Werte für ein Zusammenbruch sind 8px So können wir dafür eine CSS -Regel schreiben:

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

Ich entschied mich -15px Weil das die negative Menge an ist padding dass die data-role="content" Element wird zu jeder Seite hinzugefügt.

Hier ist ein JSFIDDLE, um anzuzeigen, was dies tut: http://jsfiddle.net/jasper/zsvqu/

Answer 2

Sie könnten immer den zusammenklappbaren Inhaltsblock einsetzen data-role="header", Aber natürlich ist dies nur in Ordnung, wenn Ihr zusammenklappbarer Inhalt nicht in der Mitte Ihrer Seite sein muss.