JQuery:mouseout事件触发

时间:2012-07-23 09:16:40

标签: jquery mouseover

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

2 个答案:

答案 0 :(得分: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');
    });
})​;​

FIDDLE

也可以缩短为:

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

FIDDLE

答案 1 :(得分:0)

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

它们只在悬停时出现一次。

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

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