Динамическое добавление разборных элементов

Question

Источник: http://jquerymobile.com/demos/1.0a2/#docs/content/content-collapsible.html Когда я добавляю такой элемент вручную в свой код, он отображается правильно.Но когда я пытаюсь добавить его с помощью jQuery, вот так:

$('body').append('<div data-role="collapsible"><h3>Title</h3><p>Content</p></div>');

Он просто отображает заголовок в h3 и содержимое под ним, а не как разборный элемент.Как я могу это исправить?

Answer 1

Вы должны добавить их в нужное место (например, в элемент data-role="page"), а затем позвонить .page(), чтобы инициализировать добавленный вами контент, например:

$('<div data-role="collapsible"><h3>Title</h3><p>Content</p></div>')
  .appendTo('#someElement').page();

проверить это здесь .