1

しばらく検索し、複数の「解決策」を試した後、私は助けを求める時が来たと考えました。考えられることはほとんどすべて試しましたが、何もうまくいかないようです。

石積みと無限スクロールにプレーンでシンプルなコードを使用していますが、機能しません。どんな助けでも大歓迎です。

<html>
<head>
    <script src="../src/js/jquery.js"></script>
    <script src="../src/js/masonry.js"></script>
    <script src="../src/js/infinitescroll.js"></script>
    <script type="text/javascript">
        $(function(){
            var $container = $('#container');
            $container.imagesLoaded(function(){
                $container.masonry({
                    itemSelector: 'img',
                });
            });

            $container.infinitescroll({
                  navSelector  : '#navigation',
                  nextSelector : '#navigation a',
                  itemSelector : 'img',
            },

            function( newElements ) {
                var $newElems = $( newElements ).css({ opacity: 0 });
                $newElems.imagesLoaded(function(){
                    $newElems.animate({ opacity: 1 });
                    $container.masonry( 'appended', $newElems, true ); 
                });
            });
        });
    </script>
</head>
<body>
    <div id="container">
        <img src="../src/1.jpg"/>
        <img src="../src/2.jpg"/>
        <img src="../src/3.jpg"/>
        <img src="../src/1.jpg"/>
        <img src="../src/2.jpg"/>
        <img src="../src/3.jpg"/>
    </div>
    <div id="navigation">
        <a href="index.html"></a>
    </div>
</body>

要約すると、無限スクロールは機能しません。何が間違っているのかわからないので、なぜここにいるのですか。これがメーソンリーの部分に関連しているかどうかもわかりません。

4

2 に答える 2

2

無限スクロールは、最新の jQuery バージョン (1.9.0 atm.) では機能しないようです。古いバージョン、特に 1.7.1 に切り替えると、すべてが解決しました。

于 2013-01-30T18:30:14.277 に答える
1

jQuery 1.9 では、多くの下位互換性も失われました。また、jQuery 1.9 でjQuery migrateを使用してみて、それが機能するかどうかを確認することもできます。

于 2013-01-30T18:43:54.223 に答える