Listview刷新不适用于动态

Posted 2023-05-09

【中文标题】Listview刷新不适用于动态

【英文标题】：Listview refresh not working on dynamic

【发布时间】：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+'" /><h1>'+item.name+'</h1><p>'+item.about+'.</p></a></li> ');
        );
    ));
)();
</script>

【问题讨论】：

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

【参考方案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 );