2012-07-10 2 views
0

Phonegap 및 JQuery를 사용하여 Android 용 앱을 개발하고 있습니다. 작업 중 하나는 목록에 일부 콘텐츠를 동적으로 추가하는 것입니다. 처음으로, 첫 번째 요소를 추가하고 .listview()를 호출하면 모든 것이 잘된 것처럼 보이지만 일부 콘텐츠를 추가 할 때 스타일이 제대로 작동하지 않으며 listview ('새로 고침') 및 다른 명령에 ' 도움을 전혀받지 못한다. jquery 모바일 1.0a1을 사용하고 있습니다. 다음은 두 개의 버튼에 대한 코드입니다.JQuery에서 listview ('refresh')가 작동하지 않는 것 같습니다.

$("#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> 

답변

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"); 
0

는 HTML에 <ul>data-role="listview"을 추가합니다.

<ul id="SheduleList" data-role="listview" data-inset="true"></ul> 
관련 문제