多事件函数中的悬停延迟

Question

我有这个多事件函数

$('.loaded.mega-menu-item').on({
    hover: function(){
       $('.mega-content',this).css('display','block');
    },
    click: function(){
        $('.mega-content',this).css('display','block');
    },
    mouseleave: function(){
        $('.mega-content',this).css('display','none');
    }
});

我想做一个 300 毫秒的"悬停意图"。我试图放置一个设置超时，但它不起作用。

也许我编写函数的方式不是最好的，任何帮助都会有用。

Answer 1

您可以使用 hover（） 函数：

$(element).hover(function(){},function(){});

您的代码将如下所示：

$('.loaded.mega-menu-item').hover(function(){
 $('.mega-content',this).fadeIn(300);
},function(){
$('.mega-content',this).fadeOut(300);
});