jQuery无限滚动+砌体+ CSS媒体查询+ n-child

Question

我有一个不寻常的问题。

我在网站上同时使用了jQuery Masonry和Infinite Scroll。

http://masonry.desandro.com/

http://www.infinite-scroll.com/

该网站还响应，所以在一定的断点（480像素，768px等），我想补充一些风格改变使用第n个孩子选择框的顺序。详细说来，每块砌体砖块都包含两个正方形，根据屏幕大小将其切换到左侧或右侧。所以，你会看到这样的内容：

#main-content article:nth-child(2) .first, 
#main-content article:nth-child(2n+8) .first { 
    left: 0; 
} 
#main-content article:nth-child(2) .second, 
#main-content article:nth-child(2n+8) .second { 
    left: 15em; /* 240px/16px = 15em */ 
} 

的问题是，当无限滚动在我的其他职位拉动，这些第n个孩子的样式不会得到应用......留下了非常靠不住的外观设计。

有无论如何我可以强制无限滚动来应用我的媒体查询中的所有内容吗？是否有一个回调函数可以让我强制无限滚动来接受我的第n个子样式或重新加载styles.css？

任何帮助，非常感谢。谢谢，

Answer 1

我的部分是无知的错误。

发生了什么事情，无限滚动添加一个＃加载到容器...因为我使用的是第n个孩子，而不是第n类型...我的造型包括该元素。

现在一切都很好。