javascript - 简单的 jquery 单击事件脚本，它是一个循环

Question

我有一个简单的 jQuery 脚本。这是脚本:

var menu = $('#nav .menu');

$('li', menu).mouseenter(function() {
    $(this).find('.sub-menu').slideDown();
}).mouseleave(function(){
    $(this).find('.sub-menu').slideUp();
});

此脚本打开一个子菜单。但是我对这个脚本有疑问。如果你快速通过它。脚本每次都会启动。当您快速浏览该项目时。菜单打开了很多次。我该如何解决这个问题？

感谢帮助

Answer 1

使用 jQuery 的 .stop()功能。传递必要的参数 ex。 .stop(true,true),.stop(true)

$('li', menu).mouseenter(function() {
    $(this).find('.sub-menu').stop().slideDown();
}).mouseleave(function(){
    $(this).find('.sub-menu').stop().slideUp();
});

或者将其作为上下文传递对我来说似乎更整洁一些 - 它与 .find() 的作用相同

$('li', menu).mouseenter(function() {
    $('.sub-menu',this).stop().slideDown();
}).mouseleave(function(){
    $('.sub-menu',this).stop().slideUp();
});