0

カスタム tumblr テーマを作成しており、ポール アイリッシュの無限スクロール プラグインを実装しようとしています。

"precrafted" による "simplist" テーマ (ボタンによってトリガーされる新しい投稿) の処理方法が本当に気に入っています。そして、正しく理解していれば、それは簡単です。

github から最新のポール アイリッシュの縮小スクリプト、トリガー スクリプトを追加し、最新の jquery バージョンを含めました。

私は次のようにコードを設定しました：

        <script type="text/javascript">
        $('#content').infinitescroll({
            navSelector  : 'div.navigation',            
            nextSelector : 'div.navigation a:#next',    
            itemSelector : '#content div.entry',
            behavior     : 'twitter'
          },function(newElements){
            $(newElements).find('.photo-slideshow').pxuPhotoset();
        }
        });        
    </script>

（私はPXU拡張フォトセットも使用していますが、これは機能するので、それが問題ではないことはわかっています）、ナビゲーションdivを追加しました。

何もしませんでした。

次のページをクリックすると、コンテンツを動的にロードするのではなく、実際に次のページに移動しました。

さらに悪いことに、通常の無限スクロールも機能しませんでした。

私のテスト tumblr はここにあります: http://test-theme-one.tumblr.com

そして、私の完全なHTMLコードはここにあります: http://pastebin.com/TRNR6V0U

それはおそらく私が犯したばかげた間違いですが、誰かが私がどこを間違えたのかを教えてくれるでしょうか?

4

1 に答える 1

2

あなたのJSにエラーがあります：

SyntaxError: Unexpected token }

コードを次のように変更する必要があります。

<script type="text/javascript">
$('#content').infinitescroll({
    navSelector  : 'div.navigation',            
    nextSelector : 'div.navigation a:#next',    
    itemSelector : '#content div.entry',
    behavior     : 'twitter'
},function(newElements){
    $(newElements).find('.photo-slideshow').pxuPhotoset();
});        
</script>

無限スクロール機能の下部にある終了タグの違いに気付くでしょう。

アップデート

あなたnextSelectorも間違っています。今、あなたは持っていますし'div.navigation a:#next'、そうあるべきです'div.navigation a#next'(コロンの削除に注意してください)。

于 2013-07-04T17:41:54.723 に答える