1

Tumblr テーマ デザインでJquery Infinite AJAX スクロールを使用して Packeryを実装するのに問題があります。「Uncaught ReferenceError: IASCallbacks is not defined」が返され続け、その理由を特定できませんでした。

これは私がまとめたものですが、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 に答える