1

I'm dynamically adding content to page div.

But i could not refresh to new content.The style is missing.(Only shows links)

I'm trying to add listview.

Here is my popup.html:

<div id="pageDiv" data-role="page" data-theme="a">
    <div id="contentDiv">
</div>
</div>

Here is my popup.js:

  $("#button").on("click",function(e){            

        var contentDiv = $("#contentDiv");
        contentDiv.empty();

        var wordDiv = '<ul id="wordListViewId" data-role="listview" data-split-icon="plus" data-split-theme="a" data-inset="true" style="height:15px;width:350px;margin-left: auto;margin-right: auto;">' +
            '<li>' +
            '<a href="#"><h3 style="text-align: center;">' + 'try me' + '</h3></a>' +
            '<a id="minusId" href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>' +
            '</li>' +
            '</ul>';

        contentDiv.append(wordDiv);
    });
Ertuğrul Çetin
  • 5,131
  • 5
  • 37
  • 76

1 Answers1

0

Working fiddle.

You can use .trigger( "create" ) :

contentDiv.append(wordDiv).trigger( "create" );

Hope this helps.

Zakaria Acharki
  • 66,747
  • 15
  • 75
  • 101