Выравнивание списка мобильных устройств JQuery

У меня есть jQuery Mobile Form, которая отлично работает, кроме элемента списка выбора, который не выравнивается правильно. Я еще не могу добавить изображение, но все поля имеют метку слева, пробел и затем все поля выравниваются. Меню выбора оставляет зазор и выравнивает поле сразу после метки и, следовательно, находится слева от всех других меток.

Соответствующий фрагмент кода находится здесь:

<div data-role="fieldcontain">

         
</div>

<div data-role="fieldcontain" >
    
    
</div>

...

У меня нет специальных особенностей стиля CSS для этого элемента. Поведение такое же в браузере eclipse IDE, Chrome и iOS Chrome, Safari и iOS Safari.

Любые подсказки будут оценены.

Благодаря,

Гленн

2
nl ja de

1 ответы

У вас есть ошибка во второй метке выбора. Эта * for = "user_group" * неверна, она должна указывать на * правильный id = "select_user_group" * . Итак, ваш второй поле выбора должно выглядеть так:

        <div data-role="fieldcontain" >
            
            
        </div> 

And here's an working example for you: http://jsfiddle.net/Gajotres/Y3pzf/

1
добавлено
Это верно. Параметр 'for' должен иметь одно и то же имя для параметра 'id'.
добавлено автор A. Magalhães, источник
Привет, это здорово, и это работает. Я только что пришел к тому же самому выводу, прежде чем я прочитал ваш ответ. Извинения за то, что вы беспокоили вас синтаксической ошибкой, но я работал над этим часами и просто не мог его увидеть. Большое спасибо за помощь.
добавлено автор glimmer, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda