2013-06-16 2 views
0

ajax에 의해로드 된 후 래퍼에서 내용을 새로 고치는 데 문제가 있습니다.iScroll Ajax 콘텐츠

내가 방화범이 끌 렸는지 확인 - XHR이 요청을 표시하고로드 된 요소를 볼 수는 있지만 페이지에 표시되지 않습니다.

이 내가 아약스 내용을 얻을 풀다운 기능을 위해 사용하고 무엇

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); 
} 

그것은 내용이 웹 페이지와 아약스 요청에 표시 사이에 고정되어 있으므로 것 같습니다.

아이디어가 있으십니까?

+0

당신이 html 태그로 동적 콘텐츠를 추가하는 방법을 몇 가지 코드를 게시하시기 바랍니다 :

this example에 따르면 당신은 onreadystatechange 이벤트에 대한 이벤트 처리기가 필요합니다. 대신 myScroll.destroy()를 사용하는 경우 myScroll.refresh()를 사용하십시오. – Gyanendra

답변

0

myScroll.refresh() (대신 .destroy() 및 "loaded()"를 호출) 트릭을 수행해야합니다! IScroll4를 사용하는 경우 iscroll의 checkDOMChanges:true 옵션을 사용해 볼 수 있습니다.

그래도 작동하지 않으면 콘텐츠로 확장하지 않는 스크롤 래퍼 (#scroller)로 인해 발생하는 CSS 문제 일 수 있습니다. (float, position:absolute; 또는 그와 비슷한 것)

편집 : 응답을 처리하지 않는 것처럼 나에게는 보인다 요청의 텍스트 모두!

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);