jquery isotope 具有无限滚动和图像预加载器

Question

我正在使用 jquery 同位素和无限滚动，并且想要使用图像预加载器

我使用的图像预加载器是这样的:Image preloader

$('.image').preloader({
    loader: '/images_/icons/img_pre.gif',
    fadeIn: 700,
    delay : 200 
    });

它在第一页上运行良好，但不会触发无限滚动的项目，因此我需要将其放置在同位素回调中的某个位置，但是在哪里？有什么想法吗？

这是我使用的同位素回调代码:

// call Isotope as a callback
function( newElements ) {
    $container.isotope( 'insert', $( newElements ) ); 
    $container.isotope({ filter: '*' });
}

Answer 1

小沃尔特 (Walter Jr) 很接近，但我已经尝试过了。它们的关键是代码的顺序，预加载器代码必须在加载新元素之前出现，因此:

function( newElements ) {

$('.image').preloader({
    loader: '/images_/icons/img_pre.gif',
    fadeIn: 700,
    delay : 200 
});

$container.isotope( 'insert', $( newElements ) ); 
$container.isotope({ filter: '*' });
}