Javascript 显示Jquery图像列表

我对JQuery imagelist有问题。第一次打开页面时，列表显示正确，显示图像，显示标题。。。 按下后退按钮并重新打开页面会显示一个正常的列表，而不是jquery listview

我在页面中使用的DIV元素如下：

<div id="dataDiv">
  <ul data-role='listview' id='listing' data-theme='c'>
  </ul>
</div>

这将填充从api调用检索到的信息：

function listApiInfo() {
  clearDataDiv();
  var parsed = makeApiCallGet("http://someSite/SomeApi"); 
  i = 0;
  for (i; i < 15; i++) {
    $("#listing").append("<li>"
      + "<img src='" + imageUrl + "' alt='img' class='ui-li-thumb' />"
      + "<h1>" + parsed[i].info + "</h1>"
      + '</a></li>'
    );
  }
}

加载div时，我确保它是一个空列表项：

function clearDataDiv() {
  $("#dataDiv").html(
    "<ul id='listing' data-role='listview' data-theme='c'></ul>");
}

编辑：正如Wibble在评论中所建议的，我确实认为缓存是问题所在。 为div提供以下选项解决了问题：

<div id="dataDiv" onblur='window.location.reload()'>
   <ul data-role='listview' id='listing' data-theme='c'>
  </ul>
</div>

---

我仍然不确定这是否是最优雅的解决方案，它会在一瞬间显示一个空白屏幕。

在浏览器控制台中检查页面时，您是否遇到任何javascript错误？当您按back键时，我相信它不会在整个页面生命周期中运行，因此不一定会在重新呈现时运行所有必需的代码。您考虑过查看页面的缓存设置吗？浏览器控制台中没有错误，只提到了已完成的API调用：XHR已完成加载。第一次和第二次尝试的输出相同