Re: [问题] jq增加移除class后,hover仍然绑定原class

楼主: dinos (守护神)   2017-05-23 06:59:54
如果你是用 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

Links booklink

Contact Us: admin [ a t ] ucptt.com