Question

我正在使用以下无限滚动插件。

https://github.com/paulirish/infinite-scroll

虽然加载启动功能似乎不起作用。如果我添加它，那么infinitescroll永远不会加载下一个设置图像。如果我删除它，它然后工作正常。我的主要内容是尝试使用另一个加载器，更具体地说：Canvas Loader http://heartcode.robertpataki.com/canvasloader/

以下是可以正常使用的代码：

loading: {
    msgText: '<em>Loading more looks</em><div class="lines"><span></span><span></span></div>',
    finishedMsg: "That's all we got!",
    img: '/static/img/logo.png',
    speed: 'fast',
    finished: function() {
        console.log('Finished');
    }
},

以下是无效的代码：

loading: {
    msgText: '<em>Loading more looks</em><div class="lines"><span></span><span></span></div>',
    finishedMsg: "That's all we got!",
    img: '/static/img/logo.png',
    speed: 'fast',
    start: function() {
        console.log('Start Loading');
    },
    finished: function() {
        console.log('Finished');
    }

}，

任何人都知道是否可以使用另一个加载器而不仅仅是动画gif。

Answer 1

我认为您需要将img选项更改为新的图像路径。下载加载程序映像并将其保存在某处并在img中提供路径。

loading: {
    msgText: '<em>Loading more looks</em><div class="lines"><span></span><span></span></div>',
    finishedMsg: "That's all we got!",
    img: '<path_to_your_new_loader_img>',
    speed: 'fast',
    finished: function() {
        console.log('Finished');
    }
},

Jquery无限滚动插件 - 自定义加载器

1 个答案: