jQuery fadeOut 回调不会触发...我做错了什么吗？
这是我正在使用的代码，mouseenter 事件中“animate”的回调有效，但淡出的回调无效。我做错了什么吗？
$('#about-me .progress-bar .progress .notes li').live('mouseenter',function(){
$(this).animate({
top:25
},function(){
$(this).find('.caption').stop(true, true).fadeIn(200);
});
}).live('mouseleave',function(){
$(this).find('.caption').stop(true, true).delay(400).fadeOut(400,function(){
$(this).animate({
top:40
});
});
});
here is the code I am using, the call back on 'animate' in the mouseenter event works, but the callback on the fade out doesn't. Am I doing something wrong?
$('#about-me .progress-bar .progress .notes li').live('mouseenter',function(){
$(this).animate({
top:25
},function(){
$(this).find('.caption').stop(true, true).fadeIn(200);
});
}).live('mouseleave',function(){
$(this).find('.caption').stop(true, true).delay(400).fadeOut(400,function(){
$(this).animate({
top:40
});
});
});
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您想要为刚刚淡出的 .caption 添加动画吗？我怀疑不是，但这就是你的函数正在做的事情。尝试更改：
我假设
这里的标题上方只有一里
Are you wanting to animate the .caption that you just faded? I would suspect not but this is what your function is doing. Try changing:
to
I am assuming there is only one li above the caption here
正如你所看到的，回调将在
fadeOut完成时调用，这意味着你看不到该元素，那么你如何才能看到动画在其顶部属性是否有效？也许您应该在回调函数中使用console.log("something")来查看它是否可以访问。as you can see, the callback will be called when
fadeOutis complete, which means that you can't see the element, then how could you see if the animate on itstopproperty is working or not? maybe you should useconsole.log("something")in the callback function to see if it is reachable.