0
접을 수있는 div 내에서 jQuery Mobile listview를 사용하고 있습니다. listview에 data-inset = true가 있습니다. div가 축소되어 있으면 .listview ('refresh') 메소드가 작동하지 않습니다.축소 된 div 내에서 목록보기를 새로 고치는 방법
예를 들어 jsfiddle을 참조하십시오.
자바 스크립트 :
var count = 1;
$('.add').click(function() {
$('#1, #2').append('<li>' + count + '</li>');
$("ul").listview('refresh');
count++;
});
HTML :
listview('refresh',true)
I : 나는 그것을 추가 매개 변수와 메소드 listview('refresh')
를 호출 할 수 있습니다 발견 다른 질문에 대한
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<div id="page1" data-role="page">
<div data-role="content">
<a class="add" href="#">Add Item</a>
<ul id="1" data-inset="true" data-role="listview">
<li data-role="list-divider">List 1</li>
</ul>
<div data-role="collapsible">
<h3>Collapsible</h3>
<ul id="2" data-inset="true" data-role="listview">
<li data-role="list-divider">List 2</li>
</ul>
</div>
</div>
</div>