关于data-active的问题

这里为什么要用$this.addClass($this.data('active') + '-active')这种方法来给元素添加“menu-active”类？
直接写成$this.addClass('menu-active')就可以了啊
这样做有什么好处？

人生的起源 2020-10-08

源自：实战：电商网站下拉菜单 1-2 让下拉菜单开始工作

收起

3回答

好帮手慕鹤回答被采纳获得+3积分 2020-10-09 17:01:50

同学你好。

1、在视频中老师使用的方式也是经验累积起来的，看到一个设计图，肯定会先分析一下，再查看哪一部分的效果是一样，所以就先把相同效果这个前缀固定住。如果只是做一小块的内容的话，直接使用$this.addClass('menu-active')的方法就可以了。

2、想要修改前缀是只能在html中修改了。

祝学习愉快！

收起回答

好帮手慕鹤 2020-10-09 15:20:23

同学你好，这句话是老师在修改的时候忘记删除掉了，原意应该是，通过$this.data('active') 把前缀固定住，再在后面拼接需要添加的类名就可以了。

祝学习愉快！

收起回答

提问者人生的起源 #1

1、这样切图的时候要先考虑到这一步了？ 2、想要修改前缀只能在html中修改了是不是？感觉分离的不够彻底

2020-10-09 16:04:11

好帮手慕鹤 2020-10-09 13:38:48

同学你好，在代码中，直接使用$this.addClass('menu-active')这段代码或者$this.addClass($this.data('active') + '-active')都可以实现动态添加类名的效果。在视频中，老师的这种方法，是因为html的标签中，需要添加的类名前缀是不一样的，那么在添加类名的时候，通过$this.data('active') 把前缀固定住，添加类名的之后，直接获取再拼接后缀就可以了。

祝学习愉快！

收起回答