jQuery的鼠標懸停事件發出

Question

嗨

我目前的工作在哪裏，我使用jQuery在動畫文本對小鼠塊一個項目。事件監聽器位於包含div（如下面的代碼所示）上，並且非常有效，直到鼠標懸停在標題（.views-field-title）之上，該標題完全位於包含div的上方。動畫開始跳躍，就好像重新開始一樣？我究竟做錯了什麼？

$('#interior_design .views-row').mouseover(function(){ 
    $('.views-field-title', this).stop(true, true).animate(
     { height: '+=10px' }, 
     { duration: 'fast'}); 
    }); 

$('#interior_design .views-row').mouseout(function(){ 
    $('.views-field-title', this).stop(true, true).animate(
     { height: '-=10px' }, 
     { duration: 'fast'}); 
    }); 

鏈接到開發服務器：http://viva.bangtest.co.uk/interior-design

注：本網站仍處於發展這樣的jQuery的只是上面鏈接頁面上當前。

我接受所有建議。

Answer 1

每次移動鼠標時都會觸發該事件。您應該使用mouseenter和mouseleave。