我在我的网站上创建了一个类似指南针的功能,但它指向菜单项。我正在使用 jQuery 旋转插件。
但是,当我第一次加载该站点时,指南针可以完美运行,但经过几圈后,它开始跳过而不是流畅的动画。
每次转换完成后,我都会清除元素的队列,因为这似乎使它有点平滑,但它仍然会跳过。有谁知道这可能是什么原因?一旦我刷新页面,它就会再次正常工作。
编辑:对不起,代码当然会有所帮助。http://sitetest.kdmdesign.net
我在我的网站上创建了一个类似指南针的功能,但它指向菜单项。我正在使用 jQuery 旋转插件。
但是,当我第一次加载该站点时,指南针可以完美运行,但经过几圈后,它开始跳过而不是流畅的动画。
每次转换完成后,我都会清除元素的队列,因为这似乎使它有点平滑,但它仍然会跳过。有谁知道这可能是什么原因?一旦我刷新页面,它就会再次正常工作。
编辑:对不起,代码当然会有所帮助。http://sitetest.kdmdesign.net
任何 jQuery 动画都会发生这种情况,其中动画触发器可以在短时间内连续触发大量次——使用 stop() 是一个很好的安全网,但通常还不够。
我会“限制”该事件以阻止它经常无法控制地触发。Ben Alman 写了一篇关于节流的出色解释,作为他同样出色的节流和去抖动jQuery 插件的序言。
您的代码特别慢的一个原因是,每次用户将鼠标悬停在内部页面包装器上时,事件处理程序都会重新附加(并且永远不会分离)。我在这里调整了: