jQuery de color plugin: onMouseOver causas de animación parpadeantes en FF3.5.5

Question

Estoy tratando de cambiar el color de fondo de un div en mouseover y mouseout. cambio instantáneo a amarillo en mouseover, y lento fundido en mouseOut.

  

Función hilightel (keydiv)
  {
        $ ( '#' + Keydiv) .animate ({backgroundColor: '# ffffd3'}, 1);
  }
  función lolightel (keydiv)
  {
         $ ( '#' + Keydiv) .animate ({backgroundColor: '#ffffff'}, 300);
  }

     

Contenido

Cuando se mueve el ratón sobre el texto dentro de la div, sin embargo, se piensa que he moused de salida y así parpadeos mal.

Las alternativas que no funcionan: Read - animateToClass no soporta background-color, así que estoy usando el 'color' plug-in
- He oído que switchClass no funciona en Chrome
- No se puede usar .hover divs porque su dinámica será nombrado en la página, así que tienes una función general

Gracias de antemano ...

Answer 1

solución final:

  

$ (document) ready (function ()
  {
      $ ( 'A_editableitem ') se unen (' MouseEnter', function () {$ (this) .animate ({backgroundColor: '# ffffd3'}, 25);});.
      . $ ( 'A_editableitem ') se unen (' mouseleave', function () {$ (this) .animate ({backgroundColor: '#ffffff'}, 250);});
  });

El parpadeo se ha detenido aunque todavía se pone 'pegado' en amarillo veces.

Answer 2

¿Por qué no simplemente asignar el div (s) una clase y, a continuación, utilizar .hover dirigirse a ellos?

editar

Prueba esto:

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