[問題] 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