Динамические флажки JQuery Mobile Beta 2

Question

Я знаю, что в последней сборке JQuery Mobile была ошибка при добавлении динамических флажков, и мне пришлось присвоить им уникальный идентификатор и вызвать .page () для элемента, чтобы они правильно отображали

Когда я обновился до последней версии Beta 2, это больше не работает.

Я пробовал несколько разных вещей, но не могу заставить флажки правильно отображаться при добавлении их на страницу динамически.

ни одна из этих работ не работает правильно: $ ( "Вход [тип = 'флажок']") checkboxradio ( "обновить"). $ ( "Вход [тип = 'флажок']") checkboxradio ();.

и мое прежнее исправление ошибки вызова .page () делает так, чтобы флажки вообще не появлялись.

Answer 1

Проблема с этим jsfiddle заключается в том, что атрибут label для for не совпадает с идентификатором флажка, он жестко задан в "checkbox-1".Измените это: for="checkbox-1" на это: "for="checkbox-'+ counter +'"

Answer 2

Я еще не поигрался с 1.0b2, однако в сообщении о выпуске в блоге автор упомянул новый метод запуска виджетов следующим образом:

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

Это следует из сообщения в блоге:1004 *http://jquerymobile.com/blog/2011/08/03/jquery-mobile-beta-2-released/

Вот пример решения: http://jsfiddle.net/cvxDg/