Re: [問題] jq增加移除class後,hover仍然綁定原class
如果你是用 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
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):