2012-09-14 1 views
7

Ho appena scoperto che gli input di testo all'interno di un div con data-role="fieldcontain" non si espandono al 100%, ma se si inserisce un input di testo all'esterno di un fieldtaintain si espande al massimo. Questo è un bug che stanno riparando, ma nel frattempo ...Qual è l'uso di data-role = "fieldcontain"?

Quindi mi chiedevo quale sia l'utilizzo di quello data-role="fieldcontain" in primo luogo? Perché metterlo? L'ho visto sui documenti e l'ho messo nel mio html, ma a che serve metterlo?

Grazie!

risposta

7

sembra è un contenitore di campo per il raggruppamento e display

contenitore Campo
Contenitore con dati-role = "fieldcontain" avvolto intorno pair elemento etichetta/modulo


Controlgroup
Contenitore DIV o FIELDSET con data-role="controlgroup". Integrare visivamente gli ingressi multipli con un pulsante di un singolo tipo (caselle di controllo, pulsanti basati sul collegamento, pulsanti radio , seleziona) in un gruppo. Per il raggruppamento di caselle di controllo modulo e pulsanti radio , il contenitore fieldset è consigliato all'interno di un contenitore div con data-role="fieldcontain", per migliorare lo stile dell'etichetta.

data-mini true | false - Versione di dimensioni compatte per tutti gli articoli nel gruppo di controllo
data-type orizzontale | verticale - Per la regolazione orizzontale o verticale voce allineamento

+0

quindi se non si utilizza l'etichetta è completamente inutile. Demo – subharb

6

A partire dal jquerymobile 1.4 data-role="fieldcontain" è deprecato!

utilizzare class="ui-field-contain" invece.

vedi note di rilascio http://jquerymobile.com/changelog/1.4.0/

+1

: http://demos.jquerymobile.com/1.4.2/textinput/ - scorrere verso il basso fino a "Fieldcontain" e quindi ridimensionare il browser –