jQuery Mobile的內容合併沒有更新

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').html(output)替換$('#my_listview').append(output)，問題就會解決。