Цветовой плагин jQuery: анимация onMouseOver вызывает мерцание в FF3.5.5

Question

Я пытаюсь изменить цвет фона div при наведении курсора и наведении мыши. Мгновенное изменение цвета на MouseOver и медленное исчезновение на MouseOut.

функция hilightel (keydiv)
{
$ ('#' + keydiv) .animate ({backgroundColor: '# ffffd3'}, 1);
}
функция lolightel (keydiv)
{
$ ('#' + keydiv) .animate ({backgroundColor: '#ffffff'}, 300);
}

CONTENT

Когда мышь перемещается по тексту внутри div, она думает, что я отключена, и поэтому мерцает плохо.

Альтернативы, которые не работают:
- animateToClass не поддерживает цвет фона, поэтому я использую плагин color
- Я слышал, что switchClass не работает в Chrome
- Не могу использовать .hover, потому что на странице их будут динамически называть div, поэтому нужна общая функция

Заранее спасибо ...

Answer 1

Почему бы просто не назначить div (s) класс, а затем использовать .hover для их назначения?

EDIT

Попробуйте это:

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

Answer 2

Окончательное решение:

$ (документ) .ready (функция ()
{
$ ('. a_editableitem'). bind ('mouseenter', function () {$ (this) .animate ({backgroundColor: '# ffffd3'}, 25);});
$ ('. a_editableitem'). bind ('mouseleave', function () {$ (this) .animate ({backgroundColor: '#ffffff'}, 250);});
});

Мерцание прекратилось, хотя иногда оно «застревает» на желтом.