JQuery 中的 listview('refresh') 似乎不起作用答案

【问题标题】：listview('refresh') in JQuery seems not workingJQuery 中的 listview('refresh') 似乎不起作用
【发布时间】：2012-07-10 09:07:23
【问题描述】：

我正在使用 Phonegap 和 JQuery 开发适用于 Android 的应用程序。其中一项任务是动态地将一些内容添加到列表中。第一次，当我添加第一个元素并调用 .listview() 时，一切似乎都很好，但是当我添加一些内容时，它的样式无法正常工作，并且 listview('refresh') 和其他命令都没有'一点帮助都没有。我正在使用 jquery mobile 1.0a1。这是两个按钮的代码：

    $("#nextDay").click(function(){ 
$("#SheduleList").append('<li><a href="#"><h3 class="ui-li-heading">ololo1</h3></a></li>');
$('#SheduleList').listview('refresh');  
});

$("#prevDay").click(function(){
$("#SheduleList").append('<li><a href="#"><h3 class="ui-li-heading">ololo</h3></a></li>');
$("#SheduleList").listview();   
});

第一个按钮是“prevButton”。这是一些 HTML：

<body onload="init();">
<div data-role="page">
<div data-role="header" data-theme="b">
<h1>Расписание группы 04-322</h1>
<h1 id=hday>День недели</h1>
</div>
<div data-role="content" data-theme="b">
<ul id="SheduleList"> 
</ul>
<button id="nextDay">Следующий день</button>
<button id="prevDay">Предыдущий день</button>
</div>
</div>
</body>

【问题讨论】：

标签： android jquery listview cordova

【解决方案1】：

你并不孤单。
这似乎对我最有效：

refresh = function (selector)
{
 try
 {            
 //this may throw an exception: 
 //  call methods on listview prior to initialization; attempted to call method 'refresh'
 $(selector).listview('refresh'); 
 }
 catch (e) 
 {
 }
}

refresh("#SheduleList");

【讨论】：

【解决方案2】：

在 HTML 中的 <ul> 中添加 data-role="listview"。

<ul id="SheduleList" data-role="listview" data-inset="true"></ul>

【讨论】：