砌體/無限滾動包含tumblr主題不起作用？我究竟做錯了什麼？

我試圖創建一個包含兩個列的主題，並有無限的滾動，但它不會做。砌體/無限滾動包含tumblr主題不起作用？我究竟做錯了什麼？

$(function(){ 

    var container = $('#content'); 

    container.imagesLoaded(function(){ 
    container.masonry({ 
     itemSelector : '.posts' 
    }); 
    }); 

    container.infinitescroll({<br> 
    navSelector : '.pagin', 
    nextSelector : '.pagin a', 
    itemSelector : '.posta', 
    loading: { 
     finishedMsg: 'No more pages to load.', 
     img: 'http://i.imgur.com/6RMhx.gif' 
    } 
    }, function(newElements) { 

    var $newElems = $(newElements).css({ opacity: 0 }); 

    $newElems.imagesLoaded(function(){ 
     $newElems.animate({ opacity: 1 }); 
     container.masonry('appended', $newElems, true); 
    }); 

    }); 

});

例子：http://asdfghjklbnmqwertyuiop.tumblr.com/

一切都似乎是在正確的地方，從所有的教程我需要做不同的東西，因爲它是一個包含主題？

來源

2014-11-04 falseghost

歡迎來到SO。你可以請隔離有關磚石和無限滾動的代碼。你更有可能得到迴應。 – mikedidthis 2014-11-04 08:29:30

@mikedidthis謝謝！我更新了這篇文章。 – falseghost 2014-11-04 17:27:50

你能鏈接到顯示該問題的網站嗎？我99％確定你在磚石/無限卷軸上的'itemSelector'是不正確的。他們應該是一樣的。 – mikedidthis 2014-11-04 18:11:16

您的navselector是.pagin但您沒有該名稱的班級，您的HTML中有一個pagin ID。看看navselector並確保它指向正確的元素。

來源

2014-11-09 20:26:36 riverbell

我改變了它，仍然沒有工作。這是目前的代碼http://pastebin.com/ReTukFTW，這是它現在的樣子http://asdfghjklbnmqwertyuiop.tumblr.com/ – falseghost 2014-11-12 16:41:03

砌體現在工作，但無限滾動不是。從我所看到的，我不會錯過任何東西。 pastebin.com/eyxMAghX htp：//asdfghjklbnmqwertyuiop.tumblr.com @riverbell – falseghost 2014-11-19 08:20:26

砌體/無限滾動包含tumblr主題不起作用？我究竟做錯了什麼？

回答

相關問題