2012-09-14 13 views
7

Właśnie odkryłem, że wejścia tekstowe w obrębie elementu div z data-role="fieldcontain" nie rozszerzają się do 100%, ale jeśli umieścisz tekst poza polem, to rozwinie się ono w najpełniejszy sposób. To jest błąd, który naprawiają, ale w międzyczasie ...Co to jest użycie data-role = "fieldcontain"?

Zastanawiam się, jaki jest pożytek z tego data-role="fieldcontain" w pierwszej kolejności? Dlaczego to powiedzieć? Widziałem to na dokumentach i po prostu umieściłem to w moim html, ale jaki jest pożytek z jego umieszczania?

Dzięki!

Odpowiedz

7

Wygląda na to, że to pojemniki do grupowania i wyświetlania

pojemniki
Pojemnik z data-role = "fieldcontain" owinięty wokół elementu pary etykieta/form


Controlgroup
Pojemnik DIV lub FIELDSET z data-role="controlgroup". Wizualnie zintegruj wiele wejść w stylu jednego przycisku (jednego przycisku wyboru, pól wyboru, przycisków opartych na łączu, przycisków radiowych , wybierz) w grupie. Do grupowania pól formularzy i przycisków radiowych pojemnik zestawu pól jest zalecany wewnątrz pojemnika div z data-role="fieldcontain", aby poprawić stylizację etykiety.

data-mini prawda | false - Wersja o zwartej wielkości dla wszystkich elementów w grupie kontrolnej
data-type pozioma | pionowy - Do poziomego lub pionowego elementu wyrównania

+0

więc jeśli nie używasz etykiety jest całkowicie bezużyteczne. – subharb

6

As of jquerymobile 1,4 data-role="fieldcontain" jest przestarzała!

zamiast tego użyj class="ui-field-contain".

w komunikacie stwierdza http://jquerymobile.com/changelog/1.4.0/

+1

demo: http://demos.jquerymobile.com/1.4.2/textinput/ - przewiń do "Fieldcontain", a następnie zmień rozmiar przeglądarki –