JQuery：鼠標事件觸發

Question

我想模擬鼠標使用jQuery的事件處理，但事件處理程序不在測試環境中調用。可能是什麼原因？

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'); 
    }); 
})​;​ 

FIDDLE

也可以，只是縮短：

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

FIDDLE

Answer 2

我認爲你正在尋找的mouseenter和鼠標離開。

它們只在懸停和外出時執行一次。

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

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