在所写的代码中加个标识,将click事件和hover事件的逻辑进行隔离。
以下是代码:
var isMouseOver = true; //控制鼠标移上移下事件和click事件的冲突
//滑过刻度表
$(".smallTime").hover(function(){
isMouseOver = true
//程序处理逻辑
},function(){
if(isMouseOver){
//程序处理逻辑
}
});
$(".timeLine>div").click(function(){
isMouseOver = false;
//程序处理逻辑
});
记住:isMouseOver 标识是在页面进入时同时加载的!
我遇到的时候网上貌似没人分享,可能比较low吧。不过为了初学者能减少阻力,还希望各位牢记。用标识解决问题虽然不是很高大尚,但至少是个很有效的方法。
另外就是这个冲突,有时候在两个中间中用到eq函数,还会导致eq函数不生效,当然这只是个假象,只是在鼠标移开时,eq函数处理的逻辑又回到处理前了。