使用带有 Masonry 回调的 Infinite Scroll 时遇到问题答案

【问题标题】：Trouble using Infinite Scroll with Masonry callback使用带有 Masonry 回调的 Infinite Scroll 时遇到问题
【发布时间】：2012-06-09 13:29:03
【问题描述】：

我正在尝试无限滚动以在 WordPress 安装中使用砌体，但遇到了一些问题。

所以无限滚动有效，一旦到达导航 div，新帖子就会出现在现有帖子下。但是，我无法让砌体的回调正常工作。

这是我用来让 Masonry 运行的代码：

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) 处的“函数语句需要名称”。 http://imgur.com/oAtJS 我做错了什么？

【问题讨论】：

标签： jquery wordpress infinite-scroll

【解决方案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 );
});

希望这对某人有所帮助。

【讨论】：