jquery - 悬停在 jquery 脚本上的延迟

Question

我正在使用此脚本来启用下拉菜单，并希望能够允许悬停延迟一两秒。任何人都可以帮助我吗？

        ( function( $ ) {
    $( document ).ready(function() {
    $('#cssmenu').prepend('<div id="menu-button">Menu</div>');
      $('#cssmenu #menu-button').on('click', function(){
        var menu = $(this).next('ul');
        if (menu.hasClass('open')) {
          menu.removeClass('open');
        }
        else {
          menu.addClass('open');
        }
      });
    });
    } )( jQuery );

先感谢您！

Answer 1

hover off 的事件是mouseout，你可以附加一个事件处理程序，并设置一个超时，如下所示：

$('ul').on('mouseout', function(){
    setTimeout(function(){
        $(this).removeClass('open');
    }, 1000);
});