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>