fadeIn sur mouseover ne fonctionne pas ?

L’auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Bonjour,

Je me permets de faire doublon avec un de mes sujets sur OCR pour maximiser mes chances de réponse.

Alors : J'essaye de mettre en place un petit système de notification à la facebook. En gros, quand la notification apparait, je veux qu'elle fadeout lentement au bout de 3s. Mais si pendant le fadeout, l'utilisateur passe sa souris par-dessus, elle re-fadein jusqu'à réapparition complète. Puis, si l'utilisateur retire son curseur de la notification, rebelote, un fadeout au bout de 3s.

Avec jQuery, j'ai essayé de traduire ça par :

1
2
3
4
5
6
7
8
9
let handler = $('#mon_id');
handler.delay(3000).fadeOut(2000);

handler.mouseenter(function(){
    handler.stop(true).fadeIn(100);
});
handler.mouseleave(function(){
    handler.stop(true).delay(3000).fadeOut(2000);
});

Les différents delay() et fadeOut() fonctionnent, mais fadeIn() semble ne jamais être appelé. Par exemple : une notification apparait, j'attends 3s et elle commence doucement à disparaitre. Quand je mets mon curseur sur la notification, le fadeout se stoppe, mais la notification ne retrouve pas son opacité. Elle reste là où le fadeout s'est arrêté.

D'où vient ce problème ?

Merci par avance.

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte