jquery - 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，以便当鼠标移开时，它会检查该 div .content_inner 是否已显示，如果是的话，隐藏它。

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