单击后jquery mouseleave事件

Posted 2021-04-20

我有脚本，当我在点击事件后显示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);
        });
    });
});

感谢您提供的每一条建议如何解决这个问题。

答案

首先，检查您的脚本链接

        $('#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);
        });