проблема изменения цвета фона ячейки таблицы

Question

Я работаю над кодом другого парня и пытаюсь изменить цвет фона ячейки таблицы при наведении курсора мыши на ячейку и вернуться к исходному цвету фона, когда мышь уходит. Я использую следующий код:

var bgcolor=$(".cell-el").css("background-color")

$(".cell-el").hover(
       function(){
         $(this).css("background-color", "#3c3c36")}, //mouse enter, bg-color change
       function(){
         $(this).css("background-color", bgcolor) // mouse leave, bg-color change back
 })

Все работает нормально, за исключением того, что когда мышь в первый раз входит в ячейку, цвет фона ячейки not меняется на "# 3c3c36", но когда мышь покидает ячейку после При первом входе и повторном входе в ячейку цвет фона ячейки изменился на "# 3c3c36".

То есть цвет ячейки никогда не меняется, для мыши сначала введите , после этого все работает отлично. Что может быть причиной этой проблемы?

Answer 1

Вы можете попробовать это с простым CSS

.cell-el td:hover{
   background-color:#3c3c36;
}

Answer 2

Я просто что-то смоделировал в jsfiddle, и ваш код работает: http://jsfiddle.net/2fadn/

Возможно, что-то не так в другом месте.

Кроме того, я предлагаю вам сделать CSS, чтобы получить этот эффект, а не JS.Простого использования псевдокласса :hover должно быть достаточно.

Answer 3

Работает нормально, см. Демонстрацию: http://jsfiddle.net/qjnqm/

Обычная проблема - строка:

var bgcolor=$(".cell-el").css("background-color")

Нет в обработчике ready.

$(function(){
   var bgcolor=$(".cell-el").css("background-color")
   ..// etc
});