JQuery IAS无限滚动+ Packery:未定义IASCallbacks

Question

在Tumblr主题设计上，我很难用Jquery无限AJAX卷轴实现Packery。它一直返回“未定义的ReferenceError: IASCallbacks未定义”，我一直无法确定原因。

这就是我所做的，但我在Javascript方面并不是那么出色。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/odxsob3/T3qn5qau8/jquery.velocity.min.js"></script>
<script src="http://static.tumblr.com/h1dcvfk/ocan5pp3p/imagesloaded.js"></script>
<script src="http://static.tumblr.com/h1dcvfk/75cn5w65t/history.js"></script>
<script src="http://static.tumblr.com/h1dcvfk/XXvn5w66q/spinner.js"></script>
<script src="http://static.tumblr.com/h1dcvfk/arNn5w6d6/noneleft.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/h1dcvfk/PWVn5tkn0/packery.js"></script> 
<script src="http://oss.maxcdn.com/rrssb/1.6.0/js/rrssb.min.js"></script> 
<script src="http://www.dropbox.com/s/kwr4g7dmqiiknry/urbane.js?dl=1"></script>
<script type="text/javascript" src="http://static.tumblr.com/h1dcvfk/Vyyn5w64k/jquery-ias.js"></script>

<script>

(function () {

var container = document.querySelector('#grid-container-urbane');
var pckry = new Packery(container, {
    // options
    itemSelector: '.grid-item',
    stamp: '.stamp',
    gutter: 0
});
var ias = $.ias({
    container: '#grid-container-urbane',
    item: '.grid-item',
    pagination: '.pagination',
    next: '#next-page'
});

ias.on('rendered', function(items) {

    imagesLoaded(container, function() {
        pckry.appended(items);
        pckry.layout();
    });

});

ias.extension(new IASSpinnerExtension());
ias.extension(new IASNoneLeftExtension({
    html: '<div class="ias-noneleft" style="text-align:center"><p><em>You reached the end!</em></p></div>'
}));
})();

</script>

如果有人能帮忙，我们会很感激的。查看http://digitalsocialnetwork.tumblr.com/的活动页面

Answer 1

您正在使用的是无限Ajax涡旋的无限制版本。这不应该是一个问题，只是您丢失了一个应该在jquery-ias.js之前加载的文件。您可以在这里找到它(称为callbacks.js)：https://github.com/webcreate/infinite-ajax-scroll/tree/master/src

尽管我强烈建议您使用可以下载这里的小型化版本。