iScroll과 AJAX/JSON 호출을 결합하십시오.

Question

JSON 데이터를 사용하여 JQM 사이트의 목록 양식을 만들고 있는데 문제가 없습니다. 이제 iScroll을 장면에 추가하고 싶습니다. 정적 목록을 사용하면 잘 작동하지만 JSON에서 목록을 가져올 때 얼마나 많은 리가 가져 오지 않을지 그리고 아래쪽으로 스크롤 할 수는 없습니다. 20 리라고 말할 수 있습니다.

var myScroll; 

$(document).on('pageshow', function(){ 
    var userid=1, 
     dataUrl = 'http://duefmun.dk/html5data/playermenu.php?callback=?&userid=' + userid, 
     dataCallback = function (data) { 
      var content = []; 
      $.each(data, function (i, val) { 
       content.push(val.list); 
      }); 
      $('#games').html(content.join('')).listview('refresh'); 
     }, 
     fetchData = function() { 
      myScroll = new iScroll('wrapper'); 
      if (myScroll.isReady()){ 
       $.getJSON(dataUrl, dataCallback); 
      } 
     }; 
    fetchData(); 
    setInterval(fetchData, 20000); 

    document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); 
    document.addEventListener('DOMContentLoaded', function() { setTimeout(loaded, 200); }, false); 

}); 

희망이 말이 어떤 도움이

편집 :-) 감사합니다 : 나는 게시물을 편집 한 그래서 여기 내 자바 스크립트를 결합하는 방법을 알고 난 지금까지 [편집]을 가지고 무엇을 해달라고 내가 맞아야한다고 생각하는 것이 있지만 여전히 효과가없는 것입니까? 제발 도와주세요 : -/

Answer 1

내 제안은 당신이 데이터를 얻은 후에 iScroll을 만들어야한다는 것입니다. 코드는 다음과 같아야합니다.

... 
fetchData = function() {   
     if (myScroll.isReady()){ 
      $.getJSON(dataUrl, dataCallback); 
     } 
    }; 
fetchData(); 
setInterval(fetchData, 20000); 
myScroll = new iScroll('wrapper'); 
...