javascript - 列表视图更新，jQueryMoble

Question

我正在尝试更新或替换列表并保留更新前存在的样式。从 jQuerymoble 网站上阅读它说 refresh() 方法调用仅适用于新节点。我正在使用 .html 调用来更新列表，而不是 .append。我不确定这是否是我遇到问题的地方，但无论如何刷新调用都不起作用。我的新列表没有正确的样式。我使用 .html 是因为同时删除/添加了许多节点，因此 append 在我的情况下实际上不起作用。

示例代码：

<script>
        $(document).ready(function(){
            $("#quicksearch").keyup(function() {
                     $.getJSON(search,function(data){
                          newlistcode= data //formatted correctly for a new list
                          $(“ul”).html(newlistcode);

                          $(“ul”).listview(‘refresh’);
                          });
                });
        });

</script>



<div data-demo-html="true">
<ul data-role="listview" class="list" id="listview1">
    <li><a href="#">test</a></li>   
</ul>
</div>

Answer 1

改变

$(“#listview1”).html(newlistcode);

$(“listview1”).listview(‘refresh’);

至

$(“#listview1”).append(newlistcode);

$(“#listview1”).listview(‘refresh’);

在哪里

newlistcode = '<li><a>content</a></li>';