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

您必须在列表中输入已更改容量的索引_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');
});

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

2 个答案: