读书人

jquery 事件没有执行完 再次进入 出现

发布时间: 2013-02-15 15:46:56 作者: rapoo

jquery 事件没有执行完 再次进入 出现问题
jquery 事件 没有执行完 然后迅速离开再进入 第二次的事件就不会走了 有解决方案吗 。。。。

                                jquery                  javascript              
[解决办法]
试试,加了清除定时器

var tir=0;
$("#menu>ul>li").hover(
function () {
clearTimeout(tir);
$("#menu ul.menu .current .menuone").css("background-position", "right -59px");
},
function () {
tir=setTimeout(function () { $("#menu ul.menu .current .menuone").css("background-position", "right -194px"); $("#menu>ul>li.current a span.menuone").css("color", "#DC291E"); }, 220);
}
);



[解决办法]
引用:
jquery 事件 没有执行完 然后迅速离开再进入 第二次的事件就不会走了 有解决方案吗 。。。。
JavaScript code?12345678 $("#menu>ul>li").hover(function () { $("#menu ul.menu .current .menuone").css("backgrou……


hover是给mouseover和mouseout都绑定事件,你要的是这个效果吗,现在你相当于绑定了两个mouseleave事件,试试这样


var timer;
clearTimeout(timer);
$("#menu>ul>li").mouseenter(function () {
$("#menu ul.menu .current .menuone").css("background-position", "right -59px");

});
$("#menu>ul").mouseleave(function () {

timer = setTimeout(function () { $("#menu ul.menu .current .menuone").css("background-position", "right -194px"); $("#menu>ul>li.current a span.menuone").css("color", "#DC291E"); }, 220);
});

读书人网 >JavaScript

热点推荐