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

Question

初始化的时候，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，这个类名消失了呢？

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

Answer 1

Lyn 2016-05-29 22:37:13

赞一个，同学你非常细心。这是我的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 #1

  非常感谢！

Answer 2

qq_天天_66 2018-02-22 20:06:22

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

Answer 3

纪小陌 2018-07-03 15:04:39

太赞了，收获满满.