为什么这个动画会出现在这个网页中?

皮卡杜

我想了解为什么当我在此网页上悬停导航项时会出现此菜单动画。(将鼠标悬停在“仪表板”或任何其他主导航项上会打开子菜单)

演示

到目前为止我尝试过的#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-menuhas-submenu类:未找到其他用法

到目前为止我尝试过的#3:

试图在包括鼠标或动画在内的许多方面在 Chrome 中设置事件侦听器断点,当我将鼠标悬停在“仪表板”或任何其他主导航项上但子菜单打开时,两者都没有被激活。

问题

这个子菜单打开/关闭是如何实现的?

害羞的

CSS 样式表app.min.css包含以下适用于各种屏幕尺寸的几条规则:

.navigation-menu>li.has-submenu:hover>.submenu{
  visibility:visible;
  opacity:1;
  margin-top:0
}

其中之一应该负责“打开子菜单”,这在技术上是“使其可见”,因为菜单总是在那里,只是透明/不可见/不在正确的位置。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么我的 QLabel 小部件没有出现在这个线程中?

来自分类Dev

为什么方块没有出现在这个 socket.io html 文件中?

来自分类Dev

我不知道为什么这个错误会出现在 Laravel 中?

来自分类Dev

在这个 C 程序中,所有间隔都不会出现在输出中

来自分类Dev

为什么在这个简单的python函数中IDE会出现未绑定变量错误警告

来自分类Dev

当代码指令是正确放置时,为什么这个弹出窗口会出现在按钮下方?

来自分类Dev

为什么这个元素没有出现在 iPhone 的所有浏览器中?

来自分类Dev

为什么这个错误出现在命令提示符中?

来自分类Dev

为什么这个错误 65 出现在 pubspec.yaml 的依赖项中?

来自分类Dev

为什么输入#名称会出现在输出中?

来自分类Dev

为什么并发修改会出现在这里

来自分类Dev

为什么会出现这个无限循环?

来自分类Dev

为什么这个div不会出现?

来自分类Dev

为什么动画不出现在模态/灯箱中?

来自分类Dev

为什么这个码头连接器文件夹神秘地出现在我的文件中?

来自分类Dev

为什么这个较旧的git commit出现在顶部?

来自分类Dev

这个单词出现在多少个列表中?

来自分类Dev

为什么我的内容会出现在外面?

来自分类Dev

为什么此动画没有出现在“ DevTools动画”选项卡中?

来自分类Java

为什么会出现在导入处理核到Java中的错误?

来自分类Dev

为什么我的CardView不会出现在我的片段中?

来自分类Java

为什么会出现在Java中没有实例级Stream.concat方法?

来自分类Java

为什么会出现在Java中的HashMap重复键?

来自分类Dev

为什么即使未运行fsck,磁盘错误也会出现在dmesg输出中?

来自分类Dev

为什么内部链接的名称会出现在目标文件的符号表中?

来自分类Dev

为什么输入元素的“值”属性有时不会出现在 HTML 中?

来自分类Dev

为什么生存期名称会出现在函数类型中?

来自分类Dev

为什么meta box不会出现在WordPress Add New UI中?

来自分类Dev

为什么生物圈活动会出现在技术圈矩阵中?

Related 相关文章

  1. 1

    为什么我的 QLabel 小部件没有出现在这个线程中?

  2. 2

    为什么方块没有出现在这个 socket.io html 文件中?

  3. 3

    我不知道为什么这个错误会出现在 Laravel 中?

  4. 4

    在这个 C 程序中,所有间隔都不会出现在输出中

  5. 5

    为什么在这个简单的python函数中IDE会出现未绑定变量错误警告

  6. 6

    当代码指令是正确放置时,为什么这个弹出窗口会出现在按钮下方?

  7. 7

    为什么这个元素没有出现在 iPhone 的所有浏览器中?

  8. 8

    为什么这个错误出现在命令提示符中?

  9. 9

    为什么这个错误 65 出现在 pubspec.yaml 的依赖项中?

  10. 10

    为什么输入#名称会出现在输出中?

  11. 11

    为什么并发修改会出现在这里

  12. 12

    为什么会出现这个无限循环?

  13. 13

    为什么这个div不会出现?

  14. 14

    为什么动画不出现在模态/灯箱中?

  15. 15

    为什么这个码头连接器文件夹神秘地出现在我的文件中?

  16. 16

    为什么这个较旧的git commit出现在顶部?

  17. 17

    这个单词出现在多少个列表中?

  18. 18

    为什么我的内容会出现在外面?

  19. 19

    为什么此动画没有出现在“ DevTools动画”选项卡中?

  20. 20

    为什么会出现在导入处理核到Java中的错误?

  21. 21

    为什么我的CardView不会出现在我的片段中?

  22. 22

    为什么会出现在Java中没有实例级Stream.concat方法?

  23. 23

    为什么会出现在Java中的HashMap重复键?

  24. 24

    为什么即使未运行fsck,磁盘错误也会出现在dmesg输出中?

  25. 25

    为什么内部链接的名称会出现在目标文件的符号表中?

  26. 26

    为什么输入元素的“值”属性有时不会出现在 HTML 中?

  27. 27

    为什么生存期名称会出现在函数类型中?

  28. 28

    为什么meta box不会出现在WordPress Add New UI中?

  29. 29

    为什么生物圈活动会出现在技术圈矩阵中?

热门标签

归档