jquery-mobile - 如何使用jquery mobile替换动态创建的列表中的html内容

Question

我正在使用 jquery mobile 创建列表视图。此列表视图是在加载页面时在函数中创建的

$('#listStock').empty();
            $(data).find("people").each(function()
            {
                var _id = $(his).attr('id');
                var _name = $(this).attr('name');
                var _capacity = $(this).attr('capacity');
                $('#listStock').append('<li id="' + _name +'" data-theme="b"><a href="#detail" >'+_name+' '+_description+'<span class="ui-li-count">'+ _capacity+'</span>'+'</a></li>');
            });

我只想创建这个列表，但容量每分钟都会改变。如何动态更改列表的这一部分？

Answer 1

您必须在列表中有更改容量的索引 let _your_index ，

      $('.ui-li-count').index(_your_index ).html(_your_capacity);

Answer 2

试试这个解决方案：

$(document).bind('changeData', function(e){
    $('#listStock').empty();
    $(data).find("people").each(function(){
        var _id = $(this).attr('id');
        var _name = $(this).attr('name');
        var _capacity = $(this).attr('capacity');
        $('#listStock').append('<li id="' + _name +'" data-theme="b"><a href="#detail">'+_name+' '+_description+'<span class="ui-li-count">'+ _capacity+'</span>'+'</a></li>');
    });
    $('#listStock').listview('refresh');
});