2015-04-17 2 views
0

Я пытаюсь изменить свойство цвета фона на mouseover элемента nav ul li, но когда я выбираю другой элемент такого же типа, я хочу, чтобы первый возвращал свой цвет и вновь выбранный для изменения цвет и так далее.change css background-color свойство

$(document).ready(function() { 
    $('nav ul li').on('mouseover', function() { 
     if ($(this).css('background-color') == '#BBB') { 
      $(this).css("background-color", "#36D900"); 
     } else { 
      $(this).css("background-color", "#BBB"); 
     } 
    }); 
}); 
+9

Хорошо, у вас есть этот код. В чем дело? – Regent

+0

В чем вопрос? –

+1

Используйте класс вместо использования цвета фона css в jquery. Цвет зависит от браузеров. –

ответ

1

Попробуйте Кодекса

$('nav ul li').hover(function(){ 
    $('nav ul li').css("background-color", "#BBB"); 
    $(this).css("background-color", "#36D900"); 
}); 
+0

Это, кажется, работает отлично. Я не знаю, почему мой не работает, но это, похоже, делает эту работу. JQuery кажется беспорядок, но я думаю, что JS - это больше беспорядок :). – adoion

+0

Рад помочь вам –

Смежные вопросы