jQuery Mobile не обрабатывает элементы в частичном представлении

Question

Я конвертирую свой сайт с помощью jQueryUI в jQuery Mobile, и у меня проблемы.

У меня есть страница, которая позволяет пользователям добавлять новые записи расписаний. Они нажимают кнопку «Добавить», и он получает частичный вид с сервера прямо на странице.

Проблема в том, что jQuery Mobile не применяется ни к одному из элементов в частичном представлении.

Как заставить jQuery Mobile обрабатывать мои элементы после того, как они были вставлены на страницу?

Answer 1

Короткий ответ заключается в том, что вы можете просто вызвать метод create в родительском элементе, где вы вставляете свой частичный вид.

$('#container').trigger("create"); Например

В качестве альтернативы большинство виджетов может быть вручную инициализируется путем вызова их на элементе, например, для ListView: $('#myListview').listview(). Это может быть полезно, если у вас есть только несколько элементов, которые нужно улучшить, и вы не хотите проходить все дочерние элементы контейнера. Вы также должны знать, что для многих виджетов существует также метод обновления, который вы можете вызвать, если добавить к нему элементы после того, как он уже был инициализирован, например, $('#myListview').listview('refresh).

Также обратите внимание на следующие Q & A из документов JQM, которые касаются этой проблемы и объяснения причин, по которым эти вызовы необходимо вызвать.

Вопрос: Содержимое, введенное на страницу, не улучшается.

Ответ:

JQuery Mobile не имеет никакого способа знать, когда вы вводили содержимое в страницу. Чтобы сообщить jQuery Mobile о том, что вы добавили контент, который должен быть увеличен до , вам нужно либо убедиться, что плагины вызываются в , либо улучшают новые элементы или триггер («создавать») в родительском контейнере , поэтому вам не нужно вызовите каждый плагин вручную.