老师 我这里不太明白 看不懂这段代码

123

312

不太明白这句 代码
<div class="menu dropdown fl" data-active="menu">
activeClass = $elem.data('active') + '-active';
为什么这样写 就能实现hover显示隐藏下拉菜单
12
收起
正在回答
1回答
同学你好,关于同学的问题解答如下:
1、data-是用来自定义属性的,data-可以为元素自定义属性,然后通过data()来获取。例:

控制台可以获取自定义属性值:

2、那么这句代码:
<div class="menu dropdown fl" data-active="menu">
它就是为div标签绑定了一个自定义属性active,属性值是menu。
下面这句代码:
activeClass = $elem.data('active') + '-active';就是实现hover效果的类名,获取div的自定义属性值为menu再拼接上-active,得到的就是menu-active,当鼠标移上的时候,把这个hover样式添加上去,就实现了效果:

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星