如何刷新Jquery Mobile 1.4.5中的新Div内容

时间:2015-11-27 22:37:48

标签: javascript jquery html css jquery-mobile

我动态地向页面div添加内容。

但是我无法刷新到新的内容。样式缺失。(仅显示链接)

我试图添加listview。

这是我的 popup.html

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

这是我的 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);
    });

1 个答案:

答案 0 :(得分:0)

<强> Working fiddle

您可以使用.trigger( "create" )

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

希望这有帮助。