Каков правильный синтаксис для динамического добавления элементов флажков в список в jQuery Mobile?

Question

Мне удалось добавить элементы списка <li> в неупорядоченный список ul. Но теперь, похоже, у меня возникают проблемы при добавлении элементов-флажков в список, который находится в пределах одного <li>. В моем jsfiddle ниже

1. Я очищаю список
2. Добавить в список
3. Обновление списка для добавления стилей класса jqm

Опять же, это работало в прошлом для добавления элементов списка в список. Я уверен, что мой синтаксис неверен.

http://jsfiddle.net/N7Z9e/1112/

Answer 1

Эта строка:

$("#ulTest").listview("refresh")

Должна измениться на:

$("#ulTest").listview("refresh").find('input').checkboxradio();

Вы должны инициализировать любой виджет, который вы добавляете динамически.По сути, вы сообщаете jQuery Mobile, что добавили виджет и хотите, чтобы он был стилизован.Вы обновляли виджет listview, но не инициализировали новые виджеты checkbox.

Документы: http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/checkboxes/methods.html

Вот обновленная версия вашего JSFiddle: http://jsfiddle.net/jasper/N7Z9e/1113/

Answer 2

Переключите метод привязки на .click

$('#btnTest').click(function(e){
});