下拉面板上的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