Slickgrid, изменить цвет строки при наведении

Question

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

$(".slick-row").mouseenter(function(){ 
    $(this).css("background-color","red"); 
}).mouseleave(function(){ 
    $(this).css("background-color","white"); 
}); 

но это не работает. Есть ли способ сделать это?

Answer 1

Поскольку вы используете slickgrid целевые строки будут динамичными, так что используйте event delegation для регистрации обработчиков событий.

$(document).on('mouseenter', ".slick-row", function() { 
    $(this).css("background-color", "red"); 
}).on('mouseleave', ".slick-row", function() { 
    $(this).css("background-color", "white"); 
}); 

изменение также селектор $(document) к более конкретному одному.

Answer 2

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

EXAMPLE

$(".slick-row").hover(function(){ 
    $(this).css("background-color","red"); 
}).mouseout(function(){ 
    $(this).css("background-color","white"); 
}); 

Answer 3

Почему бы не просто добавить CSS?

.slick-row:hover{ 
    background: none repeat scroll 0 0 red; 
}