jQuery mobile: crea un elemento collapdibile alla larghezza al 100%/non inserto

Question

C'è un modo per creare un elemento/impostare un inserto per jQuery mobile non inserto? Per impostazione predefinita, rende l'elemento pieghevole come elemento inserto.

data-inset="false" non altera il comportamento.

Answer 1

Se dai il margin-left e margin-right Proprietà Un valore negativo È possibile espandere il contenuto pieghevole alla larghezza della pagina.

Il predefinito margin-top e margin-bottom I valori per un pieghevole sono 8px Quindi possiamo scrivere una regola CSS per questo:

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

Ho scelto -15px Perché questa è la quantità negativa di padding che il data-role="content" L'elemento aggiunge ogni pagina.

Ecco un jsfiddle per vedere cosa fa: http://jsfiddle.net/jasper/zsvqu/

Answer 2

Potresti sempre inserire il blocco di contenuti pieghevoli data-role="header", ma ovviamente questo va bene solo se il tuo contenuto pieghevole non deve essere da qualche parte nel mezzo della tua pagina.