2017-03-07 5 views
1

私は、今度はtumblrのためにPaul Irishの無限スクロールスクリプトを使用しようとしていましたが、動作させることができません。 (それはちょうどポストの次のセットをロードしません)Tumblrの無限スクロールスクリプトが動作しない

これは、コードの一部です:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

{block:IndexPage} 
{block:ifInfiniteScroll} 
<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> 
{/block:ifInfiniteScroll} 
{/block:IndexPage} 

<script> 

$(document).ready(function(){ 
var $container = $('.content'); 

    {block:IndexPage} 
    {block:ifInfiniteScroll} 

    $container.infinitescroll({ 
     itemSelector: '.posts', 
     navSelector: '.pagination', 
     nextSelector: '.next', 
     loadingImg: '', 
     loadingText: '<em></em>', 
     bufferPx: 2000 
     }); 

    {/block:ifInfiniteScroll} 
    {/block:IndexPage} 

}); 


</script> 

セレクタは右でなければなりません。そして、これは全体のコードです:http://pastebin.com/cAN5PwSR

は、これは私のテストのブログです:http://codeheaven-wip.tumblr.com/(はい、「無限スクロール」オプションは、現時点ではオンになっています。)

私はあなたがしようとするあなたの時間を割いて本当に感謝します助けて。これは動作していない私を狂って運転しています。事前にどうもありがとうございました!

+1

あなたのマークアップに '.pagination'要素または' .next'要素がありません。スクロールをトリガーするためには、それらが必要だと思います。 – lharby

+0

@lharbyありがとう!これはうまくいった。私は無限のスクロールが無効になったときにのみページ番号を付けました。私はあなたをアップアップするだろうが、私はまだ十分な担当者を持っていない、申し訳ありません! – Petra1999

+0

心配なしPetra1999 – lharby

答えて

0

このようなあなたの関数に($)を通過してみてください。それは私が見ていたのコンソールエラーを奪うように見えた

$(document).ready(function($){ 

    var $container = $('.content'); 

    ... 

}); 

- しかし、私は完全にテストすることができませんでした。がんばろう!

+1

ありがとうございました!コンソールエラーは今でも私のために消えていますが、残念ながらまだ動作しません。 – Petra1999

関連する問題