Jquery移动页面列表视图内容未获得更新

时间:2012-12-24 06:13:12

标签: html5 cordova jquery-mobile

我是phonegap jquery移动应用的新手。在我的应用程序中,我有一些页面,每个页面使用json将其内容作为列表视图。现在内容只会加载一次,即当我们第一次点击页面时,每个其他页面都是相同的情况。稍后即使json得到更新,它也不会显示在列表中。只有在我从应用程序注销后才会注意到更新后的列表视图。然后我再次登录应用程序。即只有在重新启动会话后内容才会更新!

1 个答案:

答案 0 :(得分:0)

看一下这个例子,一个例子使用xml创建一个listview,另一个例子使用一个JSON文件:

XML:http://jsfiddle.net/Gajotres/AzXdT/

JSON:http://jsfiddle.net/Gajotres/8uac7/

你可能在错误的页面事件中加载它,如果可能的话总是像这样使用pagebeforeshow:

$('#index').live('pagebeforeshow',function(e,data){        
   $.ajax({url: "http://api.themoviedb.org/2.1/Movie.search/en/json/23afca60ebf72f8d88cdcae2c4f31866/The Goonies",
        dataType: "jsonp",
        jsonpCallback: 'successCallback',
        async: true,
        beforeSend: function() {
            $.mobile.showPageLoadingMsg(true);
        },
        complete: function() {
            $.mobile.hidePageLoadingMsg();
        },
        success: function (result) {
            ajax.parseJSONP(result);
        },
        error: function (request,error) {
            alert('Network error has occurred please try again!');
        }
    });
});

另外看看我的另一篇文章,它会让你更好地理解jQM页面事件流程:https://stackoverflow.com/a/14010308/1848600