JQuery Mobile 重新加载 Listview/html

Question

我最近开始学习一些 Web 开发，我正在尝试创建我的第一个 apache cordova 应用程序。它应该下载一些 json 并将其显示在无序列表 (ul) 中。我正在使用 jquery mobile 进行样式设置。这是写json的代码：

    var htmlString = "";
    htmlString += "<ul data-role=\"listview\">";
    htmlString += "<li>" + jsonData[0].name + "</li>";
    htmlString += "</ul>";

    document.getElementById("list").innerHTML = htmlString;

当我用 data-role="listview" 在 index.html 中编写样式时，样式有效，但是当我用 javascript 编写时，它不起作用，我想我需要以某种方式使用 jquery mobile 重新加载页面。我在文档中找不到任何内容，可能是因为我不完全知道要查找什么。

Answer 1

var htmlString = "";
htmlString += "<ul data-role=\"listview\ id=\"listViewUl\">";
htmlString += "<li>" + jsonData[0].name + "</li>";
htmlString += "</ul>";

document.getElementById("list").innerHTML = htmlString;
$('listViewUl').listview().listview("refresh");