2017-03-07 78 views
1

我一直在嘗試使用保羅愛爾蘭的無限滾動腳本的tumblr一段時間,但我無法得到它的工作。 (它只是不加載下一組職位)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

這是我的測試博客:(是的,「無限滾動」選項設置爲ON的時刻)http://codeheaven-wip.tumblr.com/

,我真的很感謝您抽出寶貴的時間來嘗試幫我。這不起作用一直使我瘋狂。非常感謝您提前!

+1

只是一個猜測,但我不能在你的標記中看到'.pagination'元素或'.next'元素我認爲這些是必需的,以便觸發滾動 – lharby

+0

@lharby謝謝!這工作。只有當無限滾動被禁用時,我纔有分頁,現在我改變了它的工作!我會upvote你,但我還沒有足夠的代表,對不起! – Petra1999

+0

不用擔心Petra1999 – lharby

回答

0

嘗試通過($)給你的函數是這樣的:

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

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

    ... 

}); 

它似乎帶走控制檯錯誤我所看到的 - 但我不能完全測試。祝你好運!

+1

謝謝你的回答!控制檯錯誤現在也不適用於我,但它仍然無法正常工作。 – Petra1999