如何使用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

你必須有能力改變的指標讓_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'); 
});