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

Question

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

Функция Hilightel(Кейдив)
{
$ ('#' + keydiv).animate ({backgroundColor: '# ffffd3'}, 1);
}
Функция Lolightel(Кейдив)
{
$ ('#' + keydiv).animate ({backgroundColor: '#ffffff'}, 300);
}

CONTENT

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

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

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

Answer 1

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

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

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

Answer 2

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

РЕДАКТИРОВАТЬ

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

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