1

我在Tumblr 主题设计上使用Jquery Infinite 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/上的实时页面

4

1 回答 1

2

您正在使用Infinite Ajax Scroll的未缩小版本。这应该不是问题，只是您缺少一个应该在jquery-ias.js. 你可以在这里找到它（它被称为callbacks.js）：https ://github.com/webcreate/infinite-ajax-scroll/tree/master/src

虽然我强烈建议您使用可以在此处下载的缩小版。

于 2014-05-21T19:59:19.107 回答