PTT數位生活區 / Web_Design

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

看板Web_Design作者 (Sobi)時間8年前 (2017/05/22 18:36), 編輯推噓2(2推 0噓 4→)
留言6則, 2人參與, 最新討論串1/2 (看更多)
想請教我做了一個網頁上方標籤的 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
推
05/22 18:41, , 1F
重新綁定一次
05/22 18:41, 1F
推
05/23 06:54, , 2F
$('.tb').hover{ function(){ if ($(this).hasClass('o
05/23 06:54, 2F
→
05/23 06:54, , 3F
n'))
05/23 06:54, 3F
→
05/23 06:59, , 4F
或是 .cancel-box-on, .cancel-box-on,
05/23 06:59, 4F
→
05/23 06:59, , 5F
.Preview_box { display: none }
05/23 06:59, 5F
→
05/23 07:01, , 6F
.tb.on .cancel-box-on { display: block }
05/23 07:01, 6F
‣ 更多 TINGWEI6 的文章
文章代碼(AID): #1P8hyy9v (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 TINGWEI6 的文章
文章代碼(AID): #1P8hyy9v (Web_Design)