0

我正在使用 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 代码丢失。发生了什么事,我该如何解决?

4

1 回答 1

0

要动态追加列表,请追加列表并通过调用刷新列表.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');
     });
 });
于 2013-10-20T08:12:51.663 回答