component 执行， onLoad 和 onLeave 时候问题？

来源：3-7 通用图文组件类-H5ComponentBase（接受 onLoad、onLeave事件）

immonkey

2016-05-27

初始化的时候，component ，有三个class , 如上图

执行完

component.on('onLoad',function(){

component.addClass(cls+'_load').removeClass(cls+'_leave');

return false;

})

component.on('onLeave',function(){

component.addClass(cls+'_leave').removeClass(cls+'_load');

return false;

})

结果如下：

为什么此时的，class名里面的，h5_component_name_myName，这个类名消失了呢？

这点不太明白？老师解答下。。。

写回答

3回答

Lyn

2016-05-29

已采纳

赞一个，同学你非常细心。这是我的BUG，视频上漏了这部分的处理。（正在修正中）

详细可以看看这同学的问题：http://coding.imooc.com/learn/questiondetail/248.html

代码中有个错误，cls 的定义不太正确（继承 3-5 的内容，当时还没有考虑 onload 、onleave）

var cls = "h5_component_"+cfg.type+" h5_component_name_"+name;

应该定义为：

 // 把当前的组建类型添加到样式中进行标记
    var cls = ' h5_component_'+cfg.type;
    var component = $('<div class="ht_component_name_'+name+'" id="'+id+'">')

immonkey

非常感谢！

2016-05-30

共1条回复

qq_天天_66

2018-02-22

我的解决办法是，先removeClass 在 addClass

纪小陌

2018-07-03

太赞了，收获满满.

Web App用组件方式开发全站

用HTML5/CSS3/JS流行技术，实现移动端可视化数据报告

3164 学习 · 516 问题

查看课程

相似问题

关于 .triggerHandler('onLeave')

回答 4

为什么要自定义onLoad和onLeave事件

回答 4

关于3-7中组件onLoad和onLeave添加和删除类的问题

回答 5

组件没有渐进和出的效果

回答 1

为什么首屏载入的时候没有出发.page的load事件

回答 2

打开慕课网App查看更多内容