Question

我遇到了JQuery图像列表的问题。首次打开页面时，列表显示正确，显示图像，显示标题...
按下后退按钮并重新打开页面会显示正常列表，不再是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>

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

显示Jquery图像列表

0 个答案: