jQuery:动画函数在列表中使用时会导致长时间延迟
我有大约 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论