click事件可以与mouseout结合使用吗？

Question

将click()与mouseout()组合在一起的最佳方法是什么.基本上,我想要一个列表项来显示是否单击了某个链接,并且一旦鼠标离开链接的父div,我希望列表消失.

$(document).ready(function () {
    $('.content_inner').hide();
    $('.clickme').click(function() {
        $('.content_inner').fadeIn();
    });//mouseout

});
<div class=".container">
    <a href="#" class="clickme">Click me!</a>
    <ul class="content_inner">
        <li><a href="#">testing</a></li>
        <li><a href="#">testing</a></li>
    </ul>
</div>

Answer 1

当然,您需要做的就是将"onMouseLeave"事件监听器附加到容器div,这样当鼠标移开时它将检查是否.content_inner已显示该div ,如果是,则隐藏它.

$(document).ready(function () {
    $('.content_inner').hide();
    $('.clickme').click(function() {
        $('.content_inner').fadeIn();
    });
    $('.container').mouseleave(function() {
        if ($('.content_inner').is(':visible')) {
            $('.content_inner').fadeOut();
        }
    });
});