0

我正在使用 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>
4

2 回答 2

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");
于 2012-07-16T04:58:04.183 回答
0

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

<ul id="SheduleList" data-role="listview" data-inset="true"></ul>
于 2012-08-25T20:50:54.727 回答