作者TINGWEI6 (Sobi)
看板Web_Design
标题[问题] jq增加移除class後,hover仍然绑定原class
时间Mon May 22 18:36:41 2017
想请教我做了一个网页上方标签的 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
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 118.163.103.66
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1495449404.A.279.html
1F:推 pm2001: 重新绑定一次 05/22 18:41
2F:推 xdraculax: $('.tb').hover{ function(){ if ($(this).hasClass('o 05/23 06:54
3F:→ xdraculax: n')) 05/23 06:54
4F:→ xdraculax: 或是 .cancel-box-on, .cancel-box-on, 05/23 06:59
5F:→ xdraculax: .Preview_box { display: none } 05/23 06:59
6F:→ xdraculax: .tb.on .cancel-box-on { display: block } 05/23 07:01