Jquerymobile добавляет динамические складные блоки div [дубликат]

Question

<цитата>

Возможный дубликат:
Динамическое добавление складных элементов

Я хотел бы знать, как я могу динамически добавлять сворачиваемый div, это можно сделать с помощью Jqm listviews, вызвав lisview ('refresh') после

вот код тестирования:

http://jsfiddle.net/ca11111/UQWFJ/5/

edit: вверху он добавляется и отображается, но несколько раз

edit2: похоже, работает так?

Answer 1

Как насчет того, чтобы пропустить код refresh, поскольку вы инициализируете элемент (а не обновляете его):

родовое слово

Вот обновленная версия вашего JSFiddle: http://jsfiddle.net/UQWFJ/7/ (Обратите внимание, я изменил ваш код setTimeout на код setInterval, чтобы постоянно добавлять новые элементы в DOM)

Также вы можете оптимизировать это, сохранив новый элемент в переменной, чтобы вы могли вызывать .collabsible() только для этого элемента:

родовое слово

Вот JSFiddle с этой оптимизацией: http://jsfiddle.net/UQWFJ/9/

Answer 2

Документы jQM:

• http://jquerymobile.com/demos/1.0. 1 / docs / pages / page-scripting.html

<цитата>

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

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

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

родовое слово

Answer 3

Я не уверен, что вы этого хотите, но если все, что вам нужно, это иметь возможность динамически добавлять сворачиваемые блоки div, вы можете сделать это на стороне кода.Например, я использую aspx.vb, но если вы используете другой язык, вы можете легко адаптировать его для своей ситуации.В вашем .aspx (html-коде) напишите эту строку кода там, где вы хотите, чтобы ваш динамический html-код отображался.

родовое слово

Как только это будет сделано, щелкните экран правой кнопкой мыши и выберите «просмотреть код»

Затем вы добавляете это

родовое слово

Будет динамически добавлено 7 сворачиваемых панелей списка div.Вы можете изменить это, изменив "dblNumCollapsibles"

Answer 4

создать HTML-код Collapsible div, динамически добавляемый в некоторый div и при вызове этого div .trigger ('create') $ (div) .trigger ('create') создаст этот div и отобразит сворачиваемый div