[問題] jq增加移除class後,hover仍然綁定原class

[TINGWEI6 (Sobi)]

想請教我做了一個網頁上方標籤的 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://www.ptt.cc/bbs/Web_Design/M.1495449404.A.279.html
推 pm2001: 重新綁定一次
推 xdraculax: $('.tb').hover{ function(){ if ($(this).hasClass('o
→ xdraculax: n'))
→ xdraculax: 或是 .cancel-box-on, .cancel-box-on,
→ xdraculax: .Preview_box { display: none }
→ xdraculax: .tb.on .cancel-box-on { display: block }