javascript - jQuery Isotope 不维护布局

Question

我正在为我的个人网站使用 jQuery Isotope:

http://www.ryanpays.com

我面临的问题是，当用户在页面加载后单击“网站”或“HTML-电子邮件”时，过滤时没有元素缩略图的动画。但是，当再次单击任一链接时，它们会动画化。

我还想保留动画后“客户和元素”部分的布局。当应该有足够的空间让最后一个 child 位于第一行时，它似乎会进入一个新的行。单击“全部显示”时，它也不会返回到原始布局。我不确定我是否需要在 CSS 中做些什么来实现这一点，或者重新构建我的 HTML。

更新

我已经通过在页面加载时初始化同位素然后在点击时再次初始化来解决这个问题。在 IE6 中看起来不正确(现在可以接受)并且不是我理想中想要实现的功能。

Answer 1

您需要将#UL 设置为#UL.isotope，因为它会在单击时添加该类，并且需要已经应用它才能使css3 动画起作用。今天刚刚遇到这个问题，www.mactyler.net 你可以看到它有效。