如何在 Jquery Mobile 1.4.5 中刷新新的 div 内容

Question

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

但我无法刷新到新内容。样式丢失。（仅显示链接）

我正在尝试添加列表视图。

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

Answer 1

Working fiddle.

你可以使用.trigger( "create" )：

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

希望这会有所帮助。