管理多个动画队列(每个独立的$ .stop())

时间:2013-05-06 01:03:49

标签: jquery animation

我有一个使用Masonry jQuery Plugin的页面来显示多个项目。我编写了一段自定义代码,允许用户过滤这些项目(基于他们的class属性),过滤掉的项目隐藏在页面中,然后触发Masonry函数重新排列其余项目瓷砖,填补任何空白。

这很好用。但是现在我被要求包括翻转效果,当Tile A悬停在其上时,所有其他图块的不透明度都降低到30%。 (当退出Tile A时,所有图块都会返回100%不透明度。)

我的问题是这两个动画发生冲突。

我使用$.stop()函数来防止多个悬停事件排队然后充斥屏幕,但这样做也会停止Masonry重排动画。

我研究了jQuery队列,试图为Masonry函数(docs)设置一个单独的队列,并为jQuery $.animate()函数(docs)设置另一个队列,然后指定我调用jQuery $.stop()函数(docs)时的那个队列。

但是,没有快乐。

我知道以这种方式使用$.stop()只有jQuery v1.7 +支持,所以这不是问题。

任何建议,指导,共同的痛苦都非常感激。

0 个答案:

没有答案