Jquery événement mouseover Questions

Question

Salut

Je travaille actuellement sur un projet où j'utilise jQuery pour animer un bloc de texte de la souris. L'écouteur d'événement est sur le div contenant (comme indiqué par le code ci-dessous) et fonctionne très bien jusqu'à ce que la souris est sur le titre (.views-champ-titre) qui est absolument au-dessus de la div contenant. L'animation commence à sauter presque comme si elle recommençait? Qu'est-ce que je fais mal?

$('#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'}); 
    }); 

Lien vers dev serveur:http://viva.bangtest.co.uk/interior-design

Note: ce site est encore en développement en tant que tel le jQuery est uniquement sur la page lien ci-dessus actuellement.

Je suis ouvert à toutes les suggestions.

Answer 1

Cet événement se déclenche chaque fois que vous déplacez la souris. Vous devez utiliser mouseenter et mouseleave à la place.