Question

我正试图在WordPress安装上使用无限滚动来处理砌体，我遇到了一些问题。

无限滚动工作，一旦达到导航div，新帖子会在现有帖子下弹出。但是，我无法回复砌筑工作。

这是我用来让砌体进行的代码：

var $container = jQuery('.tt');

    $container.imagesLoaded(function(){
      $container.masonry({
        itemSelector: '.tt_post',
        columnWidth: 240,
        gutterWidth: 10
      });
    });

这就是我用作回调的内容：

function(newElements) {
        // hide new items while they are loading
        var $newElems = $(newElements).css({ opacity: 0 });
        // ensure that images load before adding to masonry layout
        $newElems.imagesLoaded(function(){
          // show elems now they're ready
          $newElems.animate({ opacity: 1 });
          $container.masonry( 'appended', $newElems, true );
        });

可以在http://youworkit.co.uk/home/看到。

抛出的javascript错误是函数（newElements）中的'function statement require a name'。 http://imgur.com/oAtJS 我做错了什么？

Answer 1

事实证明，这是由于一个过分热心的插件加载了jQuery的额外副本。由于它已被禁用，因此回调适用于此代码：

// hide new items while they are loading
var $newElems = jQuery(newElements).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
// show elems now they're ready
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});

希望这有助于某人。

麻烦使用无限滚动与砌体回调

1 个答案: