当下拉菜单打开时停止覆盖闪烁

问题描述

我是新来的，刚开始学习 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 (将#修改为@）