将AJAX/JSON调用与iScroll相结合

我正在从JSON数据中列出我的JQM站点，对此没有任何问题。现在我想将iScroll添加到场景中，如果我使用静态列表，它可以正常工作，但是当我从JSON获取列表时，它不会获取我有多少li，如果我有20 li，我就无法向下滚动到底部。我不知道如何组合我的javascript，所以这里是我到目前为止得到的[编辑]：

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

});

希望这是有意义的，并感谢任何帮助：-）

---

编辑：我用一些我认为应该正确的东西编辑了这篇文章，但它仍然不起作用？请帮助：-/

我的建议是，您应该在获得数据后创建iScroll。因此，您的代码应该是：

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