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

将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>

$（文档）.ready（函数（）{
$（'.content_inner'）.hide（）；
$（'.clickme'）。单击（函数（）{
$（'.content_inner'）.fadeIn（）；
})；鼠标出
});

好了^_^

尽管您可能希望将此行从

修复为

好了^_^

---

尽管您可能希望将这一行从

改为

当然，但您需要做的只是将“onMouseLeave”事件侦听器附加到容器div，以便当鼠标移开时，它将检查该div
.content\u inner
是否已显示，如果已显示，则将其隐藏

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

当然，您只需将“onMouseLeave”事件侦听器附加到容器div，以便当鼠标移开时，它将检查该div
.content\u inner
是否已显示，如果已显示，则将其隐藏

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

你能快速解释一下这个代码吗？我很理解，但其他人可能不理解+1用于使用：可见-我会使用一个类。是的，很好。我希望我的解释足够了。如果没有，请随意编辑它。呵呵。你能给这个代码一个快速的解释吗？我很理解，但其他人可能不理解+1用于使用：可见-我会使用一个类。是的，很好。我希望我的解释足够了。如果没有，请随意编辑，呵呵。