JQuery와 모바일 콘텐츠를 내가 사용하고

Question

를 업데이트하지 병합되어

$('#mypage').live("pageinit", function(){ 

$('#mypage').bind('pageshow', function() { 

//json gets data here 

}...etc 

내 문제는 코드가 바로 동일한 콘텐츠 나 페이지로 이동 때마다 추가, 신선한 페이지를 받고되지 않는 것입니다.

그렇게 :

페이지로드 ... 나는 #mypage로 이동 내가 얻을 :

예 :

A. 일부 여기에 콘텐츠를 다음

을 내가 다시 페이지를로드하는 경우 나는 같은 경우의 2 인스턴스를 얻습니다.

A. 일부 내용은 여기 A. 여기에 약간의 내용이 있습니다.

등등.

매번 업데이트해야하지만 데이터를 병합하지 않아야합니다.

업데이트 : 여기

의 pageshow 코드 :

$('#mypage').bind('pageshow', function() { 


    $.getJSON("http://mysite/api/get_data", function(data){ 
    var output = ''; 

    $.each(data.mydata, function(index, value){ 

    output += '<li><a href="#"><img src="'+value.thumbnail_url+'" /><h3>'+value.title+'</h3>'+value.body+'</a></li>'; 

    }); 
    $('#my_listview').append(output).listview('refresh'); 
    }).error(function(args) { 
console.log(args); 

}); 

});//end of pageshow 

어떻게이 문제를 해결할 수 있습니까?

Answer 1

문제는 항상 데이터를 my_listview 요소에 추가한다는 것입니다.

$('#my_listview').append(output)을 $('#my_listview').html(output)으로 바꾸면 문제가 해결됩니다.