在 Isotope Masonry jQuery 插件中显示静态块

Question

我正在使用一个 WordPress 主题，该主题使用同位素 jQuery 插件在我的网站 here 中显示类似图块结构的 pinterest。我试图在其他图块之前显示静态全宽图块，以添加网站的简短描述以及用于 SEO 目的。但其他瓷砖重叠它看不清楚。

我希望在页面顶部显示全宽块，类似于这张图片中的内容。

所以我尝试使用这样的东西，

jQuery('.index-isotope').isotope({
    'itemSelector': '.item-isotope',
    'stamp': '.code-block'
});

来自 Masonry Isotope website。但没有运气。如有任何帮助，我们将不胜感激。

Answer 1

除非您使用非常旧的同位素版本 1，否则 cornerStampSelector 在最新版本的砌体中不是一个选项，现在是 stamp。 试试这个：

$('#container').isotope({
 itemSelector: '.item',
 stamp: '.corner-stamp',
 masonry: {
columnWidth: 120
}
});