jquery 点击后的 mouseleave 事件

jquery mouseleave event after click

我有脚本,当我在点击事件后显示 div 时,在显示 div 之后,我需要在 mouseleave 事件上隐藏相同的元素。我正在尝试这个脚本...

 $(function () {
    $('#facts-header-navigation .cat').on('click', function () {
        $('#facts-header-categories .header-categories').show(400);
    }, function () {
        $('#facts-header-categories').on('mouseleave', function () {
            $('#facts-header-categories .header-categories').hide(400);
        });
    });
});

感谢您提供解决此问题的所有建议。

in first , check your script link

        $('#facts-header-navigation .cat').on('click', function () {
            $('#facts-header-categories .header-categories').show(400);
        });
        $('#facts-header-categories').on('mouseleave', function () {
                $('#facts-header-categories .header-categories').hide(400);
        });

        $(document).on('click','#facts-header-navigation .cat', function () {
            $('#facts-header-categories .header-categories').show(400);
        });
         $(document).on('mouseleave','#facts-header-navigation .cat', function () {
                $('#facts-header-categories .header-categories').hide(400);
        });