JQuery мобильный стиль складной виджет не работает

Question

Я пытаюсь включить складной виджет в мобильный jquery. Содержимое является динамическим, поэтому я использую разметку, чтобы сделать это, но только для иллюстрации я включил текст по умолчанию. Следующий код просто не выводит виджет, но появляется только текст, стиль виджета не отображается. Вот мой javascript

  description_markup += '<h4>Description heading</h4><p>'+description+'</p>'; 

   $('#Desc').empty().append(description_markup);

HTML

 <div data-role="content" class= "ui-content" data-theme="d">
       <p id="message"/>
       <div id ="videoDisplay"></div>
       <div id ="vidLikeDislikebutton"></div>
        <div id ="Desc" data-role="collapsible"
             data-theme="b" data-content-theme="b"
             class="ui-collapsible ui-collapsible-inset
                    ui-collapsible-themed-content">
       </div>
</div><!-- /content -->

когда я помещаю раздел Desc вне содержимого div, текст отображается на черном фоне.

Пожалуйста помоги

Answer 1

Команда jQuery Mobile все еще работает над созданием таких методов, как: refresh, К сожалению, в настоящее время складной не принимает никакой метод. Таким образом, замена текущего разборного на новый - единственный путь.

демонстрация

var description_markup = '<div data-role="collapsible" id="Desc" data-theme="e" data-content-theme="b"><h3>Description heading</h3><p>collapsible</p></div>';
$('#Desc').replaceWith(description_markup);
$('#Desc').collapsible();

Если складной объект улучшен и вы не хотите его заменять, вы все равно можете вносить изменения.

$('#Desc .ui-btn-text').text('new header');
$('#Desc .ui-collapsible-content').append('<p>new content</p>');

Вставка виджетов внутри разборных требует .trigger('create') улучшить разметку виджета

$('#Desc .ui-collapsible-content').append('<ul data-role="listview"><li><a>link</a></li><li><a>link</a></li></ul>').trigger('create');