jQuery Mobile：返回页面时未加载动态内容

Question

我来自getmovies.php数据正常工作，并在我第一次加载页面时加载到#moviesPage 。 但是，如果我离开#moviesPage并返回到该内容，则不会重新加载该内容。 出现页眉和页脚，我可以看到未填充的<ul>也在那里，只是没有任何动态加载的<li>s 。

我的代码如下。 关于返回页面时如何加载动态数据的任何想法？

$( '#moviesPage' ).live( 'pagebeforecreate',function(event){
  getMoviesList();
});

function getMoviesList() {
  $.getJSON(serviceURL + 'getmovies.php', function(data) {
    $('#moviesList li').remove();
    movies = data.items;
    $.each(movies, function(index, movie) {
      $('#moviesList').append('<li>' +
      '<img src="posters' + movie.poster + '"/>' +
      '<div class="movie-toprow"><h4>' + movie.title + '</h4>' +
      '</li>').listview('refresh');
        });
    });
}

我正在使用jQuery Mobile 1.1.0-rc.1，但是在1.0.1中也有同样的问题。 这是针对将在iOS，Android和其他移动平台上使用的移动应用程序。

奖励：现在，我只想重新加载内容。 但是，最终我想为每个唯一的movieID缓存title和movie poster image ，但仍然为每个<li>提取一些动态数据（我删除了其他数据以简化此问题的代码）。 我对缓存不是很熟悉，但是想知道在重新访问页面时如何加载新数据和缓存数据。 我知道我可以将localStorage或sessionStorage用作title ，但是如何使图像重新加载变得容易而又不向服务器发出另一个请求？

感谢您就我的主要或奖金问题可以分享的任何见解！ -标记

Answer 1

要移回缓存的页面，请使用#moviesPage方法，因此请使用index.index或#profile而不是index.html

-来自评论