问题标签 [jquery-isotope]

我正在尝试将一个函数添加到我的代码的点击事件中。顺便说一下，这是使用 Isotope.js，一个非常酷的 jQuery 工具。

所以下面的代码工作如下：点击<ul>火同位素中的数据过滤器链接。<li>这会使用与 data-filter 参数匹配的各种内容填充页面。都好。

但是后来我有额外的代码可以修改一个的大小，<li>所以我需要同位素来触发以下任何点击<li>- 同位素是一个使用砖石的动态页面布局工具。

这会重置布局属性并布局每个项目元素。请参阅 - isotope.js 重新布局

我想我只需要另一段代码用于在单击 an 时触发重新布局功能的脚本<li>。

这就是我所拥有的...

我的作品集位于http://www.visualise.ca/，我现在正在开发一个运行同位素的新版本。它可在http://themes.visualise.ca/visualise获得。

当我单击将在页面中加载帖子的图像缩略图时，我希望页面使用 jQuery scrollTo 插件和以下代码滚动到项目（单击的图像缩略图）：

但经过测试，似乎项目的位置始终是容器的顶部：1 左：1（如果项目没有 1px 边框，这将是 0）。此外，当我使用 Firebug 检查项目时，突出显示的蓝线不在项目本身上，而是位于容器的顶部：1 左：1。

所以我怀疑由于同位素的原因，所有插件现在都认为所有项目都位于 0,0 （1,1 因为我的情况下的边距）。

我该怎么做才能正确滚动？

非常感谢您的时间和帮助。

我目前正在使用 Isotope 过滤出版物列表，但希望能够将标准的、记录在案的链接过滤器方法与选择元素结合起来，因为我的第二个过滤器列表很长。

我正在努力解决的问题是处理两种不同类型的元素并将选定的值组合到一个选项数组中。我可以使过滤器彼此独立工作（下面的代码），但它们需要一起工作。如何将两个不同的操作（单击或更改）和两个属性（类 = 或值 =）组合到一个选项数组中以传递给同位素过滤器？

Isotope 被设计为与标记无关，因此理论上您可以使用任何您喜欢的 HTML 或 javascript 来实现它。我已经实现了此处显示的过滤

现在我的问题是：是否可以将同位素用于：

如果是的话，有没有人有一个可行的例子？

我一直在使用 isotope 来建立一个可过滤的出版物库，据我所知，它在除 firefox 之外的所有浏览器中都能正常工作。

我在这里设置了一个 jsfiddle（显然在 firefox 中查看它不工作！）：http: //jsfiddle.net/bellamystudio/wfz5N/

firebug 中没有任何内容表明存在错误，而且 isotope 网站 (isotope.metafizzy.co) 上的 isotope 似乎适用于 firefox，所以我试图找出我做错了什么！谁能看到我的代码有问题？

一如既往地感谢任何帮助！

我正在使用 Metafizzy 的 Isotope JS 插件 (v2.0.1) 来过滤出版物库，并且我正在使用多个过滤器（例如出版商和行业）。有没有办法检查我的过滤器组合是否导致结果为零，然后显示相应的消息......类似于“抱歉。没有找到匹配的项目”。

我正在使用 Isotope 进行主页菜单布局。这是我当前的布局：cellsByColumn，其设置如下：

cellsByColumn : { columnWidth : 50, rowHeight : 50 }

这很好用，除了一个问题。排序是从上到下。有没有办法让排序从左到右？

此致，

托尼。

有没有办法让同位素填满一排的所有空白？

容器具有固定宽度和 3 种不同类型的框（3 种宽度和固定高度）。我看到了 3 种可能的解决方案：

1. 让同位素在列表的下方进一步查看，并确定组合框的最佳方式是什么，这样空格就更少了，这些空格都在容器的底部。在这种情况下，我们需要足够多的不同尺寸的盒子。

2. 调整一些框的大小并移动它们，使行总是满的。

3. 在将它们放入容器之前检测盒子的数量及其大小并更改其中一些的大小，因此有多种大小，希望同位素的空白行更少。

我希望有人能把我引向正确的方向

有没有办法改变砖块的敏感性？我希望同位素进一步查看列表并选择最佳匹配。

我正在使用 Dave Desandro 非常出色的 Isotope 插件构建一个项目，到目前为止，一切都很顺利。但是，在我页面的右上角，我想使用角戳功能始终将特定内容保留在那里。

角印出现了，但其他元素似乎没有承认它。对此有什么想法吗？jQuery 的 Isotope 部分可以在下面看到，完整的测试页面可以在这里看到。任何帮助深表感谢。谢谢！