jquery - 确定同位素中的列数（砌体）

Question

我正在尝试确定在各种视口大小上显示的列数。我在http://isotope.metafizzy.co/docs/extending-isotope.html#helper_methods上找到了这个this.masonry.cols

我还没有设法从中得到任何东西。有没有人有使用它的经验？

非常感谢

Answer 1

我在寻找相同的东西时遇到了您的问题，谢天谢地，答案在您链接到的页面上。

this.masonry.cols是一个内部变量。同位素内部的功能可以使用......所以如果你想自己使用它，你需要做的就是扩展同位素。

示例 - 在控制台中显示列数

假设您使用的是 jQuery 方法，请在开始使用同位素之前执行以下操作：

$.extend( $.Isotope.prototype, {
  myMethod : function() { console.log(this.masonry.cols) }
});

然后，在容器元素上初始化同位素后，您可以像这样简单地运行新函数：

$container.isotope('myMethod');

这将输出控制台日志中的列数。

这对你有帮助吗？如果您准确解释您要达到的目标，我可以进一步帮助您。