javascript - js子菜单效果外观

Question

我正在尝试用即时出现效果(0秒延迟)替换该子菜单的淡入效果。

神奇的事情发生在 asset/js/app.min.js 文件的这一部分，我想我必须修改 dropdown.fadeIn()功能，但我不知道如何:

that.hoverIntent(function() {
                        that.addClass("sfHover"), dropdown.fadeIn(), $(this).find(">a").addClass("active");
                    }, function() {
                        that.removeClass("sfHover"), dropdown.hide(), $(this).find(">a").removeClass("active");
                    }), children.hoverIntent(function() {
                        that.addClass("sfHover"), $(this).find(">.sub-menu").fadeIn(), $(this).find(">a").addClass("active");
                    }, function() {
                        that.removeClass("sfHover"), $(this).find(">.sub-menu").hide(), $(this).find(">a").removeClass("active");
                    });

实时预览here 。有什么想法吗？谢谢。

Answer 1

有两个选项

1. 将 fadeIn() 替换为 show(0)，这样它们就不会出现延迟、过渡或动画。

   <

2. 如果您想保留 fadeIn() 以实现可重用，请将其设置为 fadeIn(0)。