Listview刷新不适用于动态答案

【问题标题】：Listview refresh not working on dynamicListview刷新不适用于动态
【发布时间】：2018-10-31 05:32:57
【问题描述】：

我已经尝试了大约 10 个小时，但无法通过 jquery 刷新我的列表视图。我正在动态加载一个列表，它不会刷新以获取样式.. 我到底做错了什么。

<div data-role="content" id="content">
    <ul id="dataList" data-role="listview" data-autodividers=true" data-filter="true" data-filter-placeholder="Search..." data-inset="true" >
    </ul>
</div>

<script type="text/javascript">
$(document).ready(function(){   
    var $dataList = $("#dataList");
    $.getJSON( "starWars.json", (function( data) {
        $.each(data, function(i,item){
            $dataList.append('<li ><a href="#'+item.name+'" ><img src="images/'+item.pic+'" alt="'+item.name+'"/><h1>'+item.name+'</h1><p>'+item.about+'.</p></a></li> ');
        });
    }));
})();
</script>

【问题讨论】：

这只是异步事件的问题。您无法预测哪个事件会先发生...您应该在 JQM 页面初始化事件中获取 JSON 数据：$(document).on("pageinit", "#pageId", function(){... 然后，您可以刷新 JQM 小部件，因为您知道它已经被实例化了。这是一个例子：stackoverflow.com/a/45021128/4845566

标签： javascript jquery listview jquery-mobile dynamic-loading

【解决方案1】：

如果您在列表视图中使用插件，也许您也应该刷新插件

【讨论】：

嗨 Arash 不确定我是否，我正在使用 jquery 和 jquery mobile 或者这些都提供自动插件？一旦我在搜索栏中输入内容，它就会自动刷新。所以我知道代码很好......只是可怕的刷新......
好吧。我没有使用过 jquery mobile 但如果它像 jquery 使用这个：$.ajax({ url: $url , type:'GET',success:function(r){ var res = JSON.parse(r); // write your each loop and append here } });