2014-11-04 43 views
0

我试图创建一个包含两个列的主题,并有无限的滚动,但它不会做。砌体/无限滚动包含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/

一切都似乎是在正确的地方,从所有的教程我需要做不同的东西,因为它是一个包含主题?

+0

欢迎来到SO。你可以请隔离有关砖石和无限滚动的代码。你更有可能得到回应。 – mikedidthis 2014-11-04 08:29:30

+0

@mikedidthis谢谢!我更新了这篇文章。 – falseghost 2014-11-04 17:27:50

+0

你能链接到显示该问题的网站吗?我99%确定你在砖石/无限卷轴上的'itemSelector'是不正确的。他们应该是一样的。 – mikedidthis 2014-11-04 18:11:16

回答

0

您的navselector.pagin但您没有该名称的班级,您的HTML中有一个pagin ID。看看navselector并确保它指向正确的元素。

+0

我改变了它,仍然没有工作。这是目前的代码http://pastebin.com/ReTukFTW,这是它现在的样子http://asdfghjklbnmqwertyuiop.tumblr.com/ – falseghost 2014-11-12 16:41:03

+0

砌体现在工作,但无限滚动不是。从我所看到的,我不会错过任何东西。 pastebin.com/eyxMAghX htp://asdfghjklbnmqwertyuiop.tumblr.com @riverbell – falseghost 2014-11-19 08:20:26

相关问题