私は使っている:
$('#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
どうすればこれを修正できますか?