jquery - JQuery：鼠标悬停事件触发

Question

我正在尝试使用 jQuery 模拟 mouseout 上的事件处理，但是在测试环境中未调用事件处理程序。可能是什么原因？

Answer 1

像这样的东西？

$(document).ready(function() {
    $('#test, .comments').on('mouseenter', function() {
        $('.comments').stop(true,true).show('slow');
    });
    $('#test').on('mouseleave', function() {
        $('.comments').stop(true,true).hide('slow');
    });
})​;​

小提琴

也可以缩短为：

$('#test').on('mouseenter mouseleave', function(e) {
    $('.comments').stop(true,true)[e.type==='mouseenter'?'show':'hide']('slow');
});

小提琴

Answer 2

我认为您正在寻找 mouseenter 和 mouseleave。

它们只在悬停和退出时执行一次。

http://api.jquery.com/mouseenter/

http://api.jquery.com/mouseleave/