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

Question

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

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

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

<div data-role="fieldcontain">
SMS Alert:
         
</div>

<div data-role="fieldcontain" >
    User Group:
    
</div>

...

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

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

Благодаря,

Гленн

2

добавлено 28 Декабрь 2012 в 10:57 автор glimmer

Просмотры: 8

источник

nl ja de

1 ответы

автор Gajotres · Answer 1 · 2012-12-28T12:02Z

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

        <div data-role="fieldcontain" >
            User Group:
            
        </div>

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