我有一个使用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 +支持,所以这不是问题。
任何建议,指导,共同的痛苦都非常感激。