2011-03-15 78 views
0

我使用jQuery的同位素为我的个人网站:jQuery的同位素不维护布局

http://www.ryanpays.com

我面临的问题是,当用户单击“网站”或“HTML的电子邮件”后,页面已加载过滤时没有项目缩略图的动画。但是,当任一链接再次单击时,它们都会生成动画。

另外我想在动画之后保留'客户和项目'部分的布局。当最后一个孩子有足够的空间放置在第一排时,它似乎打破了一个新的行。点击“全部显示”后,它也不会返回到原始布局。我不确定在CSS中是否需要做某件事来达到这个目的,或者重新构建我的HTML。

更新

我已经解决这个问题,通过点击页面加载初始化同位素,然后再工作。在IE6中看起来不正确(现在可以忍受这种情况),并不是我想要达到的功能。

回答

1

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

+0

嗨,我会去实施。认为这与我的拇指如何安排有关。可以去一个列表结构而不是DIV。我看了一下你的网站,看起来不错。认为你可能会在CSS之前加载JS,这是一个性能低于标准的表现,所以也许可以交换:) – RyanP13 2011-03-17 22:23:31

+0

似乎通过将20px宽度添加到包含大拇指的部分来实现它。 – RyanP13 2011-03-17 22:40:03