0

ajaxによってロードされた後、ラッパーのコンテンツを更新する際に問題があります。

firebug で確認すると、XHR はリクエストを表示しており、要素が読み込まれているのを確認できますが、ページには表示されません。

これは、ajaxコンテンツを取得するためのpullDown関数に使用しているものです

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 リクエストの間でコンテンツがスタックしているように見えます。

何か案が？

4

1 に答える 1

0

myScroll.refresh()(.destroy() と "loaded()" の呼び出しの代わりに) トリックを行う必要があります! IScroll4 を使用しているcheckDOMChanges:true場合は、iscroll のオプションを使用してみてください。

それでも機能しない場合は、スクロール ラッパー (#scroller) がコンテンツと共に展開されないことが原因の CSS の問題である可能性があります。( float、position:absolute;またはそのようなもの)

編集:リクエストのresponseTextをまったく処理していないように思えます!

この例によると、イベントのイベント ハンドラーが必要です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);
于 2013-07-11T10:43:23.450 に答える