jquery mobile을 사용하여 동적으로 listview를 생성하고 싶습니다. 난 단지 목록 항목을 생성하는 경우ajax에서 동적으로 목록보기 생성 - 새로 고침이 작동하지 않음
<div id="content" data-role="content">
</div><!-- /content -->
<script type="text/javascript">
$.ajax({
type: "GET",
url: "my.json",
dataType: "json",
success: function(articles) {
var html = '<ul id="hellolist" data-role="listview"><li><h3>One</h3></li><li><h3>Two</h3></li><li><h3>Three</h3></li></ul>';
$('#content').append($(html));
$('#hellolist').listview('refresh');
}
});
</script>
또는 나는 아약스 새로 고침이 잘 목록보기 형식을 사용하지 않는 :이 코드 만 .listview ('새로 고침') 작동하지 않는 경우가 있습니다.
시험 # 1 : 잘 작동합니다.
<div id="content" data-role="content">
<ul id="hellolist" data-role="listview"> </ul>
</div><!-- /content -->
<script type="text/javascript">
var html = '<li><h3>One</h3></li><li><h3>Two</h3></li><li><h3>Three</h3></li>';
$('#hellolist').append($(html));
$('#hellolist').listview('refresh');
</script>
시험 # 2 : 잘 작동합니다.
<div id="content" data-role="content">
</div><!-- /content -->
<script type="text/javascript">
var html = '<ul id="hellolist" data-role="listview"><li><h3>One</h3></li><li><h3>Two</h3></li><li><h3>Three</h3></li></ul>';
$('#content').append($(html));
$('#hellolist').listview('refresh');
</script>
테스트 # 3 : 잘 작동합니다.
<div id="content" data-role="content">
<ul id="hellolist" data-role="listview"> </ul>
</div><!-- /content -->
<script type="text/javascript">
$.ajax({
type: "GET",
url: "my.json",
dataType: "json",
success: function(articles) {
var html = '<li><h3>One</h3></li><li><h3>Two</h3></li><li><h3>Three</h3></li>';
$('#hellolist').append($(html));
$('#hellolist').listview('refresh');
}
});
</script>
아무도이 문제를 해결할 생각이 있습니까?
감사합니다,이 솔루션 : $ ('# hellolist'). listview(); – matyig