Выравнивание списка мобильных устройств 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 в 12:57 автор glimmer

Просмотры: 2

источник

nl ja de

1 ответы

автор Gajotres · Answer 1 · 2012-12-28T02: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/

1

добавлено 28 Декабрь 2012 в 02:02 автор Gajotres

источник

Это верно. Параметр 'for' должен иметь одно и то же имя для параметра 'id'.

добавлено 28 Декабрь 2012 в 05:34, автор A. Magalhães, источник

Привет, это здорово, и это работает. Я только что пришел к тому же самому выводу, прежде чем я прочитал ваш ответ. Извинения за то, что вы беспокоили вас синтаксической ошибкой, но я работал над этим часами и просто не мог его увидеть. Большое спасибо за помощь.

добавлено 28 Декабрь 2012 в 07:17, автор glimmer, источник