JQuery color plugin: l'animation onMouseOver provoque des scintillements dans FF3.5.5

Question

J'essaie de changer la couleur d'arrière-plan d'un div sur mouseover et mouseout. Changement instantané en jaune sur MouseOver, et fondu lent sur MouseOut.

fonction hilightel (keydiv)
{
$ ('#' + keydiv) .animate ({backgroundColor: '# ffffd3'}, 1);
}
fonction lolightel (keydiv)
{
$ ('#' + keydiv) .animate ({backgroundColor: '#ffffff'}, 300);
}

< div onMouseOver = javascript: highlightel ('item1'); onMouseOut = javascript: lolightel ('item1'); id = 'item1'> Contenu </div>

Lorsque la souris se déplace sur le texte au sein de la div, cependant, il pense que je l'ai mouchetés-out et scintille si mal.

Alternatives qui ne fonctionnent pas:
- animateToClass ne supporte pas les couleurs d'arrière-plan, donc je suis en utilisant le plug-in 'color'
- J'entends que switchClass ne fonctionne pas dans Chrome
- Can » t utiliser .hover parce que leur seront nommés de façon dynamique dans la page divs donc besoin d'une fonction générale

Merci à l'avance ...

Answer 1

solution finale:

$ (document) .ready (function() {

$() 'a_editableitem.' .bind ('mouseenter', function() {$ (this) .animate ({backgroundCouleur: '# ffffd3'}, 25);});
$ ('.a_editableitem'). bind ('mouseleave', function() {$ (this) .animate ({backgroundCouleur: '#ffffff'}, 250); });
});

Le scintillement s'est arrêté bien qu'il soit parfois bloqué sur le jaune.

Answer 2

Pourquoi pas affecter simplement le div (s) d'une classe, puis utilisez .hover pour les cibler?

EDIT

Essayez ceci:

$(".myclass").hover(
function(){ 
    $(this).animate({ backgroundColor: '#ffffd3' },1); 
    }, 
    $(this).animate({ backgroundColor: '#ffffff' },300); 
    } 
);