首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如果在回调中调用toggleClass,为什么jQuery.fadeTo没有动画效果?

如果在回调中调用toggleClass,为什么jQuery.fadeTo没有动画效果?
EN

Stack Overflow用户
提问于 2016-12-31 02:23:11
回答 0查看 37关注 0票数 0

我有一个模式框,它以一个“隐藏”类开始,这个类使得模式display: none; (为了防止不可见的模式捕获鼠标点击)

淡入我所做的模式

代码语言:javascript
运行
复制
jQuery('#modalID').toggleClass('hidden'); <-- Makes the modal display: block; by removing the "hidden" class
jQuery('#modalID').fadeTo(.3, 1.0);

它工作得很完美。问题是,当我试图在淡出后重新打开“隐藏”类时(使其显示:无:再次)。当我试图切换fadeTo回调中的“隐藏”类时,模式立即消失了。这是我的代码

代码语言:javascript
运行
复制
jQuery('#modalID').fadeTo(.3, 0, function(){
    jQuery('#modalID').toggleClass('hidden'); <-- *should* make the modal display:none AFTER fading it out....
});

我已经尝试在fadeTo回调中显式地添加类

代码语言:javascript
运行
复制
jQuery('#modalID').fadeTo(.3, 0, function(){
    jQuery('#modalID').addClass('hidden');
});

甚至尝试完全忽略回调,只是将命令放在一起……

代码语言:javascript
运行
复制
jQuery('#overlayID').fadeTo(.3, 0); jQuery('#overlayID').toggleClass('hidden');

如何淡出模态,然后将“隐藏”类添加回模态后缀?

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41400863

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档