作者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/m.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