jquery-ias使用masonry创建无限滚动无法正常工作php

Question

我正在尝试让jquery-ias与masonry一起工作，但我无法让它工作。

我正在使用mysql数据库和php来加载图像。

经过大量的试验和错误，我几乎让所有的东西都正常工作了。

我能够让我的所有图像正确加载到一个砖石网格。

我也可以让无限滚动工作。

我的问题是，我不能让加载gif工作或‘加载更多的项目’按钮出现。

我使用的代码是

 <script type="text/javascript">

            var $container = $('.wrap');
$container.imagesLoaded(function() {
$container.masonry({
itemSelector: '.item',
isFitWidth: false,
isAnimated: true
})

})；

$.ias({
container: '.wrap',
item: '.item',
pagination: '.nav',
next: '.nav a',
loader: '<img src="css/ajax-loader.gif"/>', // loading gif
triggerPageThreshold: 5 ,
onLoadItems: function(items) {
    var $newElems = jQuery(items).css({ opacity: 0 });
    $newElems.imagesLoaded(function() {
        // show elems now they're ready
        $newElems.animate({ opacity: 1 });
        $container.masonry('appended', $newElems, true);

    });
    return true;
},

})；

</script>  

​

任何帮助都是最好的

一切运行良好，只是看不到加载gif或加载更多项目按钮，这是真正需要的

Answer 1

你可以试着给img标签一个类，例如

loader: '<img class="loader" src="css/ajax-loader.gif"/>', // loading gif

然后使用css设置样式，使其显示出来。也许有一个绝对的位置或类似的东西。

ps。如果你使用的是一个旧版本的无限AJAX滚动，你可以从http://infiniteajaxscroll.com下载最新版本。这可能已经为你马上解决了这个问题。