0

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 の読み込みやその他のアイテムの読み込みボタンが表示されません。

4

1 に答える 1

0

img タグにクラスを与えることを試みることができます。

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

次に、css を使用してスタイルを設定し、表示されるようにします。おそらく、絶対的な位置またはそのようなもので。

ps。古いバージョンの Infinite AJAX Scroll を使用している場合は、http://infiniteajaxscroll.comで最新版をダウンロードできます。それはあなたの問題をすぐに解決するかもしれません。

于 2014-04-25T10:25:08.283 に答える