我有一个页面使用Masonry jQuery 插件来显示多个项目。我编写了一段自定义代码,允许用户过滤这些项目(基于它们的class
属性),将那些被过滤掉的项目隐藏在页面中,然后触发 Masonry 功能以重新排列剩余的瓷砖,填补任何空白.
这工作正常。但是现在我被要求加入一个翻转效果,当瓷砖 A 悬停在上面时,所有其他瓷砖的不透明度都下降到 30%。(当瓷砖 A 退出时,所有瓷砖都恢复为 100% 不透明度。)
我的问题是这两个动画冲突。
我使用该$.stop()
功能来防止多个悬停事件排队然后淹没屏幕,但这样做也会停止 Masonry 重新排列动画。
我研究了 jQuery 队列,尝试为 Masonry 函数 ( docs$.animate()
) 设置一个单独的队列,并为 jQuery函数 ( docs )设置另一个队列,然后在我调用 jQuery$.stop()
函数 ( docs )时指定该队列。
但是,没有喜悦。
我知道$.stop()
只有 jQuery v1.7+ 支持以这种方式使用,所以这不是问题。
非常感谢任何建议,方向,共同痛苦。