[问题] jq增加移除class后,hover仍然绑定原class

楼主: TINGWEI6 (Sobi)   2017-05-22 18:36:41
想请教我做了一个网页上方标签的 tab_bar
标签被选取后的class会不同'.tb .on' 跟 '.tb .off'
有设定hover去判断是on或off
当click之后会增加 on 移除 off 其余tb 则相反
遇到问题是click后class有改变但是hover还是抓一开始读入的class
应该是一开始纪录的dom问题
想请教这样应该如何解决
重读方式之类的
因为我是用react所以改写的时候用setstate就没问题了
是想了解如果不是用react的时候碰到该怎么做呢?
直接用css :hover的方式也是同样问题
附上图片:
jQ
https://drive.google.com/open?id=0B1cNI6dB2Jj-QmQ1dzZXQV9NZGc
HTML
https://drive.google.com/open?id=0B1cNI6dB2Jj-ZnhRbzctMlF2aG8
作者: pm2001 (做个盾牌眼球兵吧)   2017-05-22 18:41:00
重新绑定一次
作者: xdraculax (首席怪叔叔)   2017-05-23 06:54:00
$('.tb').hover{ function(){ if ($(this).hasClass('on'))或是 .cancel-box-on, .cancel-box-on,.Preview_box { display: none }.tb.on .cancel-box-on { display: block }

Links booklink

Contact Us: admin [ a t ] ucptt.com