问题标签 [jquery-isotope]

我一直在玩同位素 http://isotope.metafizzy.co/demos/relayout.html 并且一直在尝试创建一个保持固定大小的父容器，总是有 6 个较小的项目，并且重新洗牌以适应第 7 个较大的项目。

这是我到目前为止在 jsfiddle http://jsfiddle.net/pedalpete/LGBg6/上的内容

我希望会发生的是，在单击任何块后，任何一行中较小块的总数将为 3。

由于某种原因，无论是用户 .isotope('resize')，还是像我正在做的那样重新创建同位素，我最终在顶行中得到一个大于 3 的数字，因此这些项目没有均匀排序。

我原以为这种安排在诉诸后会有些静态。有没有办法让同位素服从绑定框的宽度和高度参数？

在 Firefox 中，没有问题。这是一张图片：

http://cl.ly/3R0L1q3P1r11040e3T1i

在 Safari 中，文本呈现不佳：

http://cl.ly/0a1101341r2E1D2d1W46

在 IE7 和 IE8 中，情况要糟糕得多，但我没有图片。对不起 ：（

我正在使用 Isotope jQuery 插件，CSS3 过渡似乎导致字体渲染不佳。

我也在使用谷歌字体 API。

下面是 Isotope 的 CSS 过渡的写法：

我很感激这方面的任何帮助。在 Firefox 中看起来很棒！

谢谢！

我正在使用带有可扩展项目的同位素（http://isotope.metafizzy.co），我想使用 ScrollTo 以便我可以自动滚动到新扩展的项目..

我首先尝试将回调与 reLayout 方法一起使用，例如：

origin 是我从点击处理程序中放置“this”的变量。
不幸的是，我总是得到对象的旧位置..

实际上我不确定回调是否被调用得太快或者我无法理解存储我的 jQuery 对象如何使它更像一个副本或“指针”;-)

任何想法 ？

编辑：我现在确定在动画结束之前调用了回调，所以我的问题是：我现在如何才能完成动画？

同位素令人难以置信，但它不适用于我的浏览器的后退按钮，这真是太可惜了。关于插件的一切都是流畅的，除了这个。

有许多提供此功能的插件（这里是一个），但它们似乎是为加载静态 HTML 内容而设计的。我找错地方了吗？

像这样的东西：

http://jsfiddle.net/nSZSg/

我想使用 .isotope('reLayout') 制作图像页面。看看 GOOGLE 标志使用“$(this).animate”，而 JQUERY 标志使用“$(this).css”。尝试点击它们。问题是，GOOGLE logo the.animate 不起作用，点击 GOOGLE 对面，JQUERY thes.css 正确，我该如何解决？

有没有办法保持定位不变，但使元素不可点击？演示在这里。

通过添加另一个类而不是.element，我失去了定位。

很抱歉没有添加特定的代码示例，因为我不确定在哪里解决这个问题（标记、css 或 jquery 部分）

我正在使用jQuery Isotope填充多宽度多高度网格（等比例）上的空间。

网格使用 ui-sortable 进行排序，并带有一个按钮以在排序后切换回 Isotope。有一些排序顺序会留下空块。如何使用 Isotope 填充空格？

我已经尝试了多种同位素布局方法。

见http://jsfiddle.net/zdSYG/41/

日期：

在 Firefox 4 和 IE 8 和 9 中实现了预期的效果，但问题似乎出在 Google Chrome（最新版本稳定频道）。

铬合金：

火狐 4：

我正在尝试让jQuery Isotope 的砌体布局在这个测试站点上工作：http: //make.truliablog.com/test-filters

它似乎对它们进行了正确排序，但是调整窗口大小和调整块时的动画不起作用。我该如何解决这个问题？

这是相关的 jQuery 代码。

我正在使用同位素的过滤功能。我写：

在两个地方：

问题是，每当单击哈希链接或使用哈希键入 url 时，浏览器将首先加载所有项目，然后将其过滤掉。我想要的是：页面只加载过滤的项目。

I'm using the jQuery Isotope plugin, and although I have it working, I can't seem to get it to recognise any margins.

I can see in Firebug that the margins are being applied, but the items are just overlapping the margin (I think becasuse isotope uses absolute positioning).

I had the width working briefly by using the following:

but I couldn't figure out how to get the height working (I tried rowHeight with masonry, and masonryHorizontal).

How do I tell isotope what widths, and heights to use?

Thanks