简单但是重复犯的错误（点击事件和鼠标经过事件的冲突）

最新推荐文章于 2022-09-13 10:20:22 发布

weixin_30340617

最新推荐文章于 2022-09-13 10:20:22 发布

阅读量422

点赞数

文章标签：开发工具

原文链接：http://www.cnblogs.com/haimingpro/p/3630936.html

版权

为啥我还会犯这种错误。。

点击的时候鼠标也经过了呀，所以应该区分开。

判断，如果鼠标经过的id不等于点击的id的时候(或者此处我用的是它的html内容用来区分)，鼠标经过的动作执行。

var _nowClick;


for(var i=0; i<4; i++){
        (function(i){
            $(".about_table .btns").eq(i).click(function(){
                $(".about_right p").hide();
                $(".about_right p").eq(i).fadeIn();
                $(".about_table .btns").css({"background":"url(images/navbg.png) repeat","color":"#919191"});                
                $(".about_table .btns").eq(i).css({"background":"#02d3d7","color":"#fff"});        
                _nowClick=$(this).html();    
            });
        })(i);
    }
    $(".about_table .btns").mouseover(function(){
        $(this).css({"background":"#02d3d7","color":"#fff"});
    });            
    $(".about_table .btns").mouseout(function(){
        if($(this).html()!=_nowClick){
            $(this).css({"background":"url(images/navbg.png) repeat","color":"#919191"});
        }
    });