Question

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

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

它表现得像预期的那样。

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

            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');
     });
 });

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

1 个答案: