javascript - 如何在jquery mobile中使用javascript附加到listview？

Question

我正在使用 jquery mobile 并试图显示一个列表视图。当我包括

            <ul data-role="listview" id = "results">
                <li><a href="index.html">Acura</a></li>
            </ul>

它表现得像预期的那样。

但是，当我尝试使用 javascript（来自 json）将元素附加到列表视图时，它显示为项目符号列表......而不是第一个代码片段生成的风格化列表视图。

            var url='http://someurl.com/categories';

            $.getJSON(url,function(json){
                $.each(json,function(i,item){

                    $("#results").append('<li>'+item.category+'</li>');

                });

            });

当我检查元素时，当我使用 jquery 附加项目时，我看到很多 html 代码丢失。发生了什么事，我该如何解决？

Answer 1

要动态追加列表，请追加列表并通过调用刷新列表.listview('refresh')

尝试

var url='http://someurl.com/categories';
   $.getJSON(url,function(json){
     $.each(json,function(i,item){
          $("#results").append('<li><a href="#">'+item.category+'</a></li>').listview('refresh');
     });
 });