确定同位素（砖石）中的列数

Question

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

上找到了这个 this.masonry.cols

尽管如此，我还是没有设法得到任何东西。有没有人有使用它的经验？

非常感谢

Answer 1

我遇到了你正在寻找相同问题的问题，谢天谢地答案就在你链接的页面上。

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

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

假设您正在使用jQuery方法，请在开始使用isotope之前执行以下操作：

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

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

  

$ container.isotope（ '的MyMethod'）;

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

这对你有帮助吗？ 如果你准确地解释了你想要实现的目标，我可以进一步帮助你。