将鼠标悬停在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

悬停的事件是mouseout，您可以附加事件处理程序，并设置超时，如下所示：

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