javascript - jquerymobile 从 json 结果添加提及选项

Question

我有一个带有选项的面板，并且我编写了一个 jsonp 来从远程站点获取项目数组。一切都很好，在通话成功后我添加了:

 success:function(cats){
     //alert("Success");
     console.log(cats);
     var len = Object.keys(cats).length
     for    (index = 0; index < len; index++) {
        var pl = "<li><a href=\"#\" class=\"menuoption\" data-rel=\"close\">"+cats[index]['category']+"</a></li>";
        //alert(pl);
        $("#catslist").append(pl);
     }

但是我没有得到一系列与 jquery mobile 标准相同的漂亮按钮，而是得到了一个列表:

有人可以帮忙吗？

Answer 1

追加后，您需要使用 $(list-view-container).listview( "refresh" ); 刷新 ListView demo

在你的情况下这样做

for(index = 0; index < len; index++) {
    var pl = "<li><a href=\"#\" class=\"menuoption\" data-rel=\"close\">"+cats[index]['category']+"</a></li>";
    //alert(pl);
    $("#catslist").append(pl);
 }
$("#catslist").listview( "refresh" );

了解更多信息refer