iScroll Ajax内容

Question

我在ajax加载后刷新包装器中的内容有问题。

当我检查firebug - XHR正在显示请求时，我可以看到元素已加载，但它没有显示在页面上。

这就是我在pullDown函数中用来获取ajax内容的代码

function pullDownAction () {
    setTimeout(function () {   
        var el, li, i;
        el = document.getElementById('thelist');
        var http = new XMLHttpRequest();
        var url = window.location;
        http.open("GET",url,true);
        http.send();
        myScroll.destroy();
                myScroll = null;
                loaded();
  }, 1000);   
}

它看起来就像内容在网页上显示和ajax请求之间卡住了。

有什么想法吗？

Answer 1

加载(而不是.destroy()并调用“myScroll.refresh() ()”)应该可以做到这一点！如果你使用的是IScroll4，你可以尝试使用iscroll的checkDOMChanges:true选项。

如果它仍然不能工作-这可能是由于滚动包装器(#scroll)没有扩展其内容而导致的CSS问题。(float、position:absolute;或类似的东西)

编辑:在我看来，您根本没有处理请求的responseText！

根据this example的说法，您需要为onreadystatechange事件提供一个事件处理程序：

 http.open("GET",url,true);
 http.onreadystatechange = function () {
       if (http.readyState == 4) {
          alert(http.responseText); //handle this response! (i.e. writing to an element's innerHTML)
      }
 };
 http.send(null);