hoverintent - 下拉面板上的 HoverIntent 或延迟

Question

我之前得到了一些帮助，但是当你将鼠标悬停在按钮上时，我现在需要在按钮上添加一个延迟，这样当用户在网页上滑动鼠标时它就不会一直向下滑动。

我有一个关于jsfiddle的例子

我不是专家，所以我将不胜感激。

Answer 1

试试这个：

$(".btn-slide").on('mouseover', function(e) {
            switch(e.type) {
                case 'mouseover':
                    $("#panel").delay(900).slideDown("slow");
                    break;
                    }
            return false;
        });    

        $(".close-slide").on('click', function(e) {
            switch(e.type) {
                case 'click':
                    $("#panel").slideUp("slow");
                    break;
                    }
            return false;
        }); 

您可以将“900”更改为适合您的任何内容。

您还可以使用 hoverintent 插件： http ://cherne.net/brian/resources/jquery.hoverIntent.html