Question

我在使用JQM更新列表时遇到问题。我有2页，index.html和详细页面。在第一页上，我从Ajax获取远程.php文件的结果。这里一切顺利。在这个页面上我也有：

<a href="plumberdetails.html" data-transition="pop" > . . . </a>

重定向到第二页时，列表未正确更新。我还必须说第二页上的信息是从远程.php文件填充的。但如果我刷新第二页，信息填写完美。我注意到在第一页输入data-rel = external会使一切正常。我不想使用它，因为我将不再在2页之间产生过渡效果。我在Ajax请求中也尝试了$('#ul_ID').listview('refresh');或$('#ul_ID').trigger('create');，但仍无法使其正常工作。

如果你能帮助我，我将不胜感激。谢谢，

第一页的外部.js：

    $.ajax({
    url: URL + 'getplumbers.php',
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    timeout: 5000,
    success: function(data, status){
        $.each(data, function(i,item){ 
            $('#output').append('<li><a href="plumberdetails.html">' +
                '<h4 style="color:#DC143C">' + item.name + '</h4>' +
                '<p style="color:#6B8E23">' + item.address + '</p>' +
                '<span class="ui-li-count">' + item.city + '</span></a></li>');
            $('#output').listview('refresh');
        });
    },
    error: function(){
       output.text('There was an error loading the data.');
    }
});

虽然第二页的.js看起来像这样：

    $.ajax({
    url: 'http://plumberin.cu.cc/services/getplumber.php',
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    timeout: 5000,      
    success: function(data, status){
            $('#output2').append('<li><h4 style="color:#DC143C">' + data.name + '</h4>' +
                '<p style="color:#6B8E23">' + data.address + '</p>' +
                '<span class="ui-li-count">' + data.city + '</span></a></li>')
            $('#output2').listview('refresh');

    },
    error: function(){
       output.text('There was an error loading the data.');
    }
});

JQuery Mobile列表组件不刷新

0 个答案: