How to change navbar element background color using jquery?

Question

I'm trying to change the element , and it just wouldnt work. Can anyone point out what am i doing wrong?

$(document).ready(function(){
  $(".navbar").hover(function(){
    $(this).css({'background-color': '#ffffff'});
 });
});

your code should work .. are you sure you include jquery before this code?? — Mohamed-Yousef
– Mohamed-Yousef, Commented Dec 8, 2015 at 16:09
Review the browser console and include the errors that you find there. — Noah
– Noah, Commented Dec 8, 2015 at 16:10
Do you get any errors in the console? Write this code after you have included jQuery. — Praveen Kumar Purushothaman
– Praveen Kumar Purushothaman, Commented Dec 8, 2015 at 16:10

vistajess · Accepted Answer · 2015-12-08 19:24:43Z

2

Hover function in jquery needs two functions, the handleIn function as the first parameter and the handleOut function.

$(document).ready(function(){
  $(".navbar").hover(function(){
    $(this).css({'background-color': 'yellow'});
 },
 function(){
    $(this).css({'background-color': 'white'});
 });
});

answered Dec 8, 2015 at 19:24

vistajess

6791 gold badge9 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alpesh Panchal · Accepted Answer · 2015-12-08 17:27:25Z

0

If you inspect using firebug, I guess you will that background is applied.

navbar element should have chlid "LI" element so you can add color to it by simply changing

$(document).ready(function(){
  $(".navbar li").hover(function(){
    $(this).css({'background-color': '#ffffff'});
 });
});

answered Dec 8, 2015 at 17:27

Alpesh Panchal

1,71313 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to change navbar element background color using jquery?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related