我知道这是一个相当热门的话题,但我希望有人可以帮助我完成我的特定实现。我正在研究一种使用jQuery动画创建手风琴菜单的设计,它可以工作,但是在动画过程中我会遇到很多抖动。
从我的搜索中,解决方案似乎是使用一个animate()
对象和step()
函数为所有元素设置动画,以确保同步。问题是,我不能为我的生活,提出一个有效的step()
功能。
以下是我最近的尝试:http://www.3strandsmarketing.com/jq-test-v2.html
如果你慢慢移动你的鼠标它会起作用,但代码至少可以说是笨拙的,如果你快速移动你的鼠标它完全崩溃了(顺便说一句,我试过用hoverIntent插件来缓解这个问题,但我没有不喜欢它增加的延迟。
我认为答案可能在JQuery Accordion Jitter Issue或Jitter in Jquery Accordion Implementation,但我缺乏使他们的代码适应我的情况的技能。
另外,我真的想避免在可能的情况下添加jQuery UI的额外重量。任何帮助都非常感谢。感谢。
答案 0 :(得分:1)
嗯,经过几个小时的修补,现在是早上5点,我想我已经拥有它了。我最终能够调整我在原始问题中引用的解决方案。我更新了@rwilliams用新代码制作的jsfiddle,所以如果你有兴趣,你可以在那里看到我的改编(http://jsfiddle.net/bKZ4t/2/)。
效果很好。可悲的是,抖动并没有完全消失。它比以前更不明显,我想我只需要解决这个问题,除非其他人可以改进我的实施。
感谢所有贡献者。