展开全部
不断闪烁的解决办法
$("#category ul").find("li").each(
function() {
$(this).mouseover(
function() {
$(this).children("ul").show();
}
);
$(this).mouseout(
function() {
$(this).children("ul").hide();
}
);
}
);
鼠标在下拉菜单移动时菜单会不断闪烁,说明不断触发了 mouseover 和 mouseout 事件。
其实很简单的解决方法:将 mouseover 改成 mouseenter,mouseout 改成 mouseleave。mouseenter 和 mouseleave 事件是 jQuery 库中实现的,并不是浏览器的原生事件。不过最重要的是把菜单不停闪动的问题解决了!
$("#category ul").find("li").each(
function() {
$(this).mouseenter(
function() {
$(this).children("ul").show();
}
);
$(this).mouseleave(
function() {
$(this).children("ul").hide();
}
);
}
);
http://www.iswweb.com/service/faq/861.html
$("#category ul").find("li").each(
function() {
$(this).mouseover(
function() {
$(this).children("ul").show();
}
);
$(this).mouseout(
function() {
$(this).children("ul").hide();
}
);
}
);
鼠标在下拉菜单移动时菜单会不断闪烁,说明不断触发了 mouseover 和 mouseout 事件。
其实很简单的解决方法:将 mouseover 改成 mouseenter,mouseout 改成 mouseleave。mouseenter 和 mouseleave 事件是 jQuery 库中实现的,并不是浏览器的原生事件。不过最重要的是把菜单不停闪动的问题解决了!
$("#category ul").find("li").each(
function() {
$(this).mouseenter(
function() {
$(this).children("ul").show();
}
);
$(this).mouseleave(
function() {
$(this).children("ul").hide();
}
);
}
);
http://www.iswweb.com/service/faq/861.html
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询