JQuery 手机重新加载 Listview/html

Question

我最近开始学习一些网络开发，我正在尝试创建我的第一个 apache cordova 应用程序。它应该下载一些 json 并将其显示在无序列表 (ul) 中。我正在使用 jquery 手机进行造型。这是写 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 移动设备重新加载页面。我在文档中找不到任何内容，可能是因为我不知道要查找什么。

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");