jquery鼠标离开嵌套在鼠标进入函数里，离开函数每一次触发比前一次多一下

Question

jquery的鼠标离开mouseleave嵌套在鼠标进入mouseenter里，第二次进入离开时，触发两次，以后依次累计，为什么？

 var statenum = 0;
$("#top a").mouseenter(function () {

                console.log("鼠标进入"+statenum);
        statenum =statenum + 1;

        $(this).mouseleave(function (){

            console.log("鼠标离开"+statenum); 
            statenum =statenum + 1;

        });


});

Answer 1

$("#top a").mouseenter(function () {
这一句意思是给鼠标进入事件绑定处理方法。
你写的这个方法问题在于，每次处理鼠标进入事件的时候，都又绑定了一次离开事件。（即这句$(this).mouseleave(function (){每次在鼠标进入的时候都执行了 )，把离开事件的绑定放到外边就可以了。