jQuery:动画函数在列表中使用时会导致长时间延迟

发布于 2024-11-03 02:44:48 字数 782 浏览 1 评论 0原文

我有大约 26 个

标签的列表,其中包括一些其他 div 和信息。我拥有它,因此当您单击共享按钮时,这些额外选项会显示在同一个
标记中。当您单击共享按钮时,这就是我使用的 jQuery js:

selectedPost.animate({
  left: -selectedPostWidth
}, 200, function(){
});
sharePost.animate({
  left: 0
}, 200, function(){
  // some stuff
});

然而,这就是它变得奇怪的地方。当您单击共享 div 内的一个按钮时,它会播放反向动画,如下所示:

selectedPost.animate({
  left: 0
}, 200, function(){
});
sharePost.animate({
  left: 9999
}, 200, function(){
  sharePost.hide();
});

因此,在我的

标记列表中,第一个工作速度快且没有延迟。然而,一旦你开始沿着列表向下移动,延迟就会变得越来越大。直到有大约 4-5 秒的延迟。这只发生在关闭函数动画上,而不是打开函数动画上。

我希望我已经解释了一切,如果没有,我会添加更多细节。感谢您的帮助!

I have a list of about 26 <section> tags that include some other divs and information. I have it so when you click on a share button, these extra options get shown in that same <section> tag. When you click on the share button, this is the jQuery js I use:

selectedPost.animate({
  left: -selectedPostWidth
}, 200, function(){
});
sharePost.animate({
  left: 0
}, 200, function(){
  // some stuff
});

Now however this is where it gets odd. When you click on one of the buttons inside the share div it plays the reverse animation like so:

selectedPost.animate({
  left: 0
}, 200, function(){
});
sharePost.animate({
  left: 9999
}, 200, function(){
  sharePost.hide();
});

So in my list of <section> tags, the first one works fast and no delay. However, once you start moving down the list, the delay get's greater and greater. Until you have about a 4-5 second delay. This only happens on the close function animations, not the open one.

I hope I have explained everything alright, if not I'll add more detail. Thanks for any help!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文