0
Je voulais donc avoir une fonctionnalité intéressante, où l'en-tête d'une zone de contenu ciblée change à l'aide de l'outil d'animation couleur nifty. Eh bien, ça s'anime très bien ... mais ça vous fait penser à un mouseout immédiat quand la souris est toujours à l'intérieur de la cible. Est-ce que quelqu'un sait comment le rendre stable? Je pensais à capturer la souris et si c'est à l'intérieur de la 'zone' le faire mais je ne sais pas si c'est mieux?mouseenter et mouseout des résultats plus stables?
// Content Hovers
$('.large-box > *').each(function(){
$(this).mouseenter(function(){
$(this).find('.column-header').animate({ 'backgroundColor': '#3e84d2' }, 'slow');
});
$(this).mouseout(function(){
$(this).find('.column-header').animate({ 'backgroundColor': '#455c79' }, 'slow');
});
});
Soution: La solution était d'utiliser mouseleave() au lieu de mouseout()
Votre lien ne fonctionne pas pour moi. Voici ce qu'il renvoie au lieu d'une page Web: http://i.imgur.com/lg7h6av.png?1?5635 – Peter
Oups mis à jour. Et apparemment, PHP ne fonctionne pas. Lol – WASasquatch
Essayez d'utiliser mouseleave() au lieu de mouseout(), car mouseout() se déclenchera aussi pour les sous-éléments ... et en tant que tel devrait être utilisé avec mouseover() au lieu de mouseenter(). Cela ne résout peut-être pas le problème, mais c'est un problème que je vois tout de suite ... oh, et n'appelle pas deux fois «$ this», plutôt que de le virer à la fin. C'est peut-être juste comme ça que je le fais, mais ça semble mieux fonctionner pour moi de cette façon. EDIT: voici quelques exemples: http://api.jquery.com/mouseenter/ – craniumonempty