jQuery水平手风琴抖动

jQuery Horizontal Accordion Jitter

本文关键字:抖动 手风琴 水平 jQuery      更新时间:2023-09-26

我知道这是一个相当流行的话题,但我希望有人能帮助我的具体实现。我正在设计一个使用jQuery动画来创建手风琴菜单的设计,它可以工作,但是在动画期间我得到了很多抖动。

从我的搜索,这个问题的解决方案似乎是用一个animate()对象和一个step()函数来动画所有元素,以确保同步。问题是,我一辈子也想不出一个管用的step()函数。

这是我的最新尝试:http://www.3strandsmarketing.com/jq-test-v2.html

如果你缓慢移动鼠标,它可以工作,但代码是笨拙的,至少可以说,如果你快速移动鼠标,它完全崩溃(顺便说一句,我试过用hoverIntent插件来缓解这个问题,但我不喜欢它添加的延迟)。

我认为答案可能在JQuery手风琴抖动问题或JQuery手风琴实现的抖动,但我缺乏技能,使他们的代码适应我的情况。

如果可能的话,我真的希望避免添加jQuery UI的额外重量。非常感谢任何帮助。谢谢。

好了,经过几个小时的修修补补,现在是凌晨5点,我想我搞定了。我最终能够调整我在最初问题中引用的解决方案。我更新了@rwilliams用新代码制作的jsfiddle,所以如果你感兴趣,你可以在那里看到我的改编(http://jsfiddle.net/bKZ4t/2/)。

效果很好。遗憾的是,这种不安并没有完全消失。不过,它比以前不那么引人注目了,我想我只能满足于此,除非别人能改进我的实现。

感谢所有做出贡献的人。