作者dinos (守护神)
看板Web_Design
标题Re: [问题] jq增加移除class後,hover仍然绑定原class
时间Tue May 23 06:59:54 2017
如果你是用 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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1495493999.A.2E2.html