javascript - 对象文字滚动中未定义的函数

Question

嗨，我正在尝试制作一个类似于 instagram 的图像库，可以在滚动上加载图像。我尝试将其作为对象文字变量，但得到了 this.showPics 的未定义方法... getMore 是从 ajax 成功方法调用的。这是因为在 .scroll 中调用滚动器而导致的范围问题吗？我该怎么做？顺便说一句，showPics 已定义，我只是没有将其粘贴进去。谢谢

var Pics{
    showPics: function() {
        //loop thru images
    }
    scroller: function() {
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
            this.showPics();
        }
    }
    getMore: function(){
        $(window).scroll(this.scroller);
    }
}

Answer 1

纠正语法会产生:

var Pics = {
    showPics: function() {
        //loop thru images
    },
    scroller: function() {
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
            this.showPics();
        }
    },
    getMore: function(){
        $(window).scroll(this.scroller);
    }
};

您缺少图片后面的赋值以及成员函数之间的逗号。

编辑:与 https://stackoverflow.com/a/25184634/481422 结合@Karl-André Gagnon 的回答它会产生类似的东西 http://jsfiddle.net/zlatin_zlatev/bue3ytek/

如果这与您需要的类似，请接受 Karl-André Gagnon 的评论作为答案。