我想了解为什么当我在此网页上悬停导航项时会出现此菜单动画。(将鼠标悬停在“仪表板”或任何其他主导航项上会打开子菜单)
到目前为止我尝试过的#1:
使用 Chrome 调试器工具,我在 app.min.js 中发现了以下几行(之前我用 {} 格式化):
$('.navigation-menu li.has-submenu a[href="#"]').on('click', function (e) {
if ($(window).width() < 992) {
e.preventDefault();
$(this).parent('li').toggleClass('open').find('.submenu:first').toggleClass('open');
}
});
我在那里设置了一个断点,只有在字面上点击时才调用处理程序,(不是在胡佛上),顺便说一句,没有任何效果。所以其他东西正在 hoover 上运行(这是根据处理程序安装在 中click
)
到目前为止我尝试过的#2:
在源中搜索navigation-menu
或has-submenu
类:未找到其他用法
到目前为止我尝试过的#3:
试图在包括鼠标或动画在内的许多方面在 Chrome 中设置事件侦听器断点,当我将鼠标悬停在“仪表板”或任何其他主导航项上但子菜单打开时,两者都没有被激活。
问题
这个子菜单打开/关闭是如何实现的?
CSS 样式表app.min.css
包含以下适用于各种屏幕尺寸的几条规则:
.navigation-menu>li.has-submenu:hover>.submenu{
visibility:visible;
opacity:1;
margin-top:0
}
其中之一应该负责“打开子菜单”,这在技术上是“使其可见”,因为菜单总是在那里,只是透明/不可见/不在正确的位置。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句