如何解决jQuery:仅在fadeIn之后运行fadeOut
我有以下代码,该代码在悬停时隐藏h3
元素,然后在.bullets
中淡入
// feed-services
$('.feed-services .row').hover(function() {
$(this).find('h3').fadeOut(250);
$(this).find('.bullets').delay(2000).fadeIn(250);
},function() {
$(this).find('.bullets').fadeOut(250);
$(this).find('h3').delay(2000).fadeIn(250);
})
尽管我使用delay()
,但我仍然发现有时会瞬间出现h3
和.bullets
都可见(例如,如果我将鼠标悬停在上面时间很快)会破坏布局。
所以现在我想最好只在第一个fadeIn()
完成后才执行fadeOut()
,而鼠标悬停时反之亦然。
这可能吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。