2 votes

Problèmes liés à l'événement mouseover de Jquery

Bonjour

Je travaille actuellement sur un projet où j'utilise jQuery pour animer un bloc de texte au passage de la souris. L'écouteur d'événements se trouve sur le div contenant (comme le montre le code ci-dessous) et fonctionne très bien jusqu'à ce que la souris se trouve sur le titre ( .views-field-title ) qui se trouve absolument au-dessus de la division contenante. L'animation commence à sauter, comme si elle recommençait à zéro ? Qu'est-ce que je fais de 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 le serveur de développement : http://viva.bangtest.co.uk/interior-design

Remarque : ce site est encore en cours de développement et le jQuery ne se trouve actuellement que sur la page ci-dessus.

Je suis ouvert à toutes les suggestions.

3voto

jAndy Points 93076

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X