Question

我正在使用：

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

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

//json gets data here

}...etc

我的问题是代码没有获得新页面，只是每次进入页面时都添加相同的内容。

这样：

页面加载...我转到#mypage，我得到：

例如：

一个。这里的一些内容

然后如果我再次加载页面，我会得到2个相同的实例：

一个。一些内容在这里 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)，问题将得到解决。

JQuery Mobile内容正在合并而不是更新

1 个答案: