jquery mobile - добавление html-контента и применение стилей JQuery mobile - PullRequest
4 голосов
/ 15 августа 2011

У меня есть мобильный сайт, который создается путем добавления данных из XML-канала. Канал и все его данные сначала загружаются, а затем из массива выбирается правильное содержимое канала, когда пользователь перемещается по сайту. Предыдущий контент очищается от div, и новый контент применяется. Я пытаюсь при добавлении нового контента вызвать какую-то функцию update () для jquery mobile, чтобы она обновляла хэши, применяла подходящие классы и т. Д., Но я не могу найти это в документации , Я прочитал этот пост здесь:

Динамическое создание страниц jQuery Mobile с использованием шаблонов jQuery

Но я нигде не могу найти документированную функцию page (), и, похоже, она не работает для меня. Есть идеи как это сделать?

1 Ответ

8 голосов
/ 16 августа 2011

Взгляните на последнюю страницу документации и демонстраций

Улучшение новой разметки Плагин страницы отправляет «создание страницы» событие, которое большинство виджетов используют для автоматической инициализации. Как долго поскольку ссылка на скрипт плагина виджета будет автоматически улучшена любые экземпляры виджетов, которые он находит на странице.

Однако, если вы генерируете новую разметку на стороне клиента или загружаете контент через Ajax и внедрить его в страницу, вы можете вызвать событие создания обрабатывать авто-инициализацию для всех плагинов, содержащихся в новая разметка. Это может быть запущено на любом элементе (даже на странице сам div), избавляя вас от необходимости вручную инициализировать каждый плагин (кнопка просмотра списка, выбор и т. д.).

Например, если был загружен блок разметки HTML (например, форма входа в систему) через Ajax вызвать событие create для автоматического преобразования все содержащиеся в нем виджеты (в данном случае входы и кнопки) в расширенные версии. Код для этого сценария будет:

$( ...new markup that contains widgets... ).appendTo( ".ui-page").trigger( "create" );
...