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

How To Refresh New Div Content in Jquery Mobile 1.4.5

本文关键字：刷新 内容 Div Jquery Mobile      更新时间：2023-09-26

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

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

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

这是我的弹出窗口.html：

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

这是我的弹出窗口.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);
    });

工作小提琴。

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

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

希望这能有所帮助。

相关文章：