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

看板Web_Design作者 (守護神)時間7年前 (2017/05/23 06:59), 編輯推噓0(000)
留言0則, 0人參與, 最新討論串2/2 (看更多)
如果你是用 jquery-1.7 以後的版本,可以用 on 去綁 舊一點的版本可以看看 bind 或 live 方法1: 先綁 dom 再判斷狀態 $('.tb').hover(function(){ var $tb=$(this); if($tb.hasClass('on')){ ....... } else{ ....... } }); 方法2: 直接綁狀態 $('#tab-bar').on('hover','.tb.on',function(){ ...... }); $('#tab-bar').on('hover','.tb.off',function(){ ...... }); ※ 引述《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), 來自: 49.159.167.105 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1495493999.A.2E2.html
文章代碼(AID): #1P8srlBY (Web_Design)
文章代碼(AID): #1P8srlBY (Web_Design)