單擊后的jquery mouseleave事件

Question

我有腳本，當我在單擊事件后顯示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);
        });
    });
});

感謝您提供有關如何解決此問題的建議。

Answer 1

首先，檢查您的腳本鏈接

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