JQuery Mobile динамически добавлять элементы

Question

Я пытаюсь добавить представление списка на мобильный сайт jQuery после загрузки сайта.Простое добавление его в DOM не работает, потому что он не анализирует его для тегов ролей данных после загрузки.Вот пример: http://jsfiddle.net/Xeon06/h2gfT/2/

Мой вопрос: как мне его обновить?Я нашел много похожих вопросов с ответами, начиная от использования .refresh (который не работает, потому что элемент никогда не инициализируется как представление списка) до .page (который не работает вообще, и я понятия не имею, почему).Я использую последнюю версию jQuery mobile на момент написания: 1.02b .

Спасибо.

Answer 1

Вы можете позвонить .listview() на свой элемент.

$("ul").listview();

Обновленная скрипка

Answer 2

Мне нравится вызывать метод триггера jQuery для достижения этой цели:

$(element).trigger("create")

Пока что он работает без проблем, хотя я слышал, что сообщалось, что создание новых страницэто может быть проблематично.

Answer 3

Я просто удалил атрибут data-role со страницы, чтобы он работал. Я думаю, что это была проблема в вашей разметке.

http://jsfiddle.net/h2gfT/3/