JQuery Mobile, creating a complex set dynamically through ajax, does not apply style

Question

Possible duplicate:
Dynamically add folding elements

I dynamically create an assembly and add it to the page with $('#myID').html(htmlcode). The style does not apply to the page. How can I get jquery mobile to apply its style?

(I use $.get()to request a web service. The content that is returned, I scroll to create markup)

Answer 1

This works for me. My ajax returns a bunch of h3, which I insert in the collapsible div and add the p tag for the content.

$(document).ready(function(){

    $.get(my_url, function(data) {
        var content = $('div[data-role="content"]').html(data);
        $('h3').each(function(h3_element) {
            var coll = $('<div class="ui-collapsible-contain" name="blog"  data-role="collapsible" data-collapsed="true">');
            coll.append($(this));
            coll.append($('<p>'));
            content.append(coll);
        });
        content.trigger( "create" );        
    });

});

Answer 2

JQuery Mobile Collapsible Content

div init, - $( " div" ). trigger ('create'); : http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/pages/page-scripting.html

Answer 3

$content.find(":jqmData(role=collapsible)").collapsible();

Answer 4

Collapsible Content and Ajax Download