如何解决当下拉菜单打开时停止覆盖闪烁
我是新来的,刚开始学习 jQuery。
我有一个覆盖背景,它在引导程序菜单下拉菜单打开时淡入,在引导程序下拉菜单关闭时淡出。那工作正常。 我遇到的问题是 - 当我点击打开一个下拉菜单,然后点击打开另一个下拉菜单时,叠加层会产生闪烁效果。就像它正在逐渐消失并迅速恢复一样。
我需要它,以便如果下拉菜单已经打开,则将覆盖层保留在那里并且不会淡出并再次出现。
这是我当前的 jQuery:
$('.nav-desktop-links .list-group-item').on('show.bs.dropdown',function (e) {
$('#overlay').fadeIn(1000);
});
$('.nav-desktop-links .list-group-item').on('hide.bs.dropdown',function (e) {
$('#overlay').fadeOut(1000);
});
我尝试添加:
$('.nav-desktop-links .list-group-item').on('show.bs.dropdown',function (e) {
$('#overlay').fadeOut().stop(true,true);
$('#overlay').fadeIn(1000);
});
$('.nav-desktop-links .list-group-item').on('hide.bs.dropdown',function (e) {
$('#overlay').fadeOut(1000);
});
这确实可以减少闪烁,但不是 100%。
如有任何建议,我们将不胜感激,谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。