0

我试图让 jquery-ias 与砖石一起工作，但我无法让它工作。

我正在使用 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 或加载更多项目按钮，这是真正需要的

4

1 回答 1

0

您可以尝试给 img 标签一个类，例如

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

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

附言。您使用的是旧版本的 Infinite AJAX Scroll，您可以在http://infiniteajaxscroll.com下载最新版本。这可能已经立即为您解决了问题。

于 2014-04-25T10:25:08.283 回答