change css using if($'').hasclass()

Question

I am showing a notification bar on some pages on my site. If the bar is showing I would like to highlight the navigation bar and move it down the page.

The css for the bar is <div id="infobar_1_1" class="info_bar" style="background-image:... <div class="infobar_inner"><span id="infobar_txt" ....</div></div>

I'm trying to use jquery code if ($('#infobar_1_1').hasClass('.info_bar')) { $(".navbar").css({"background-color":"yellow", "margin-top":"40px"});} but nothing is happening.

`$(".navbar").css({"background-color":"yellow", "margin-top":"40px"});`

works on every page so maybe there is something wrong with the if() statement.

My site is a wordpress site. Thanks

Rajaprabhu Aravindasamy · Accepted Answer · 2014-05-07 06:32:25Z

2

Try,

if ($('#infobar_1_1').hasClass('info_bar')) {

you dont need to specify the dot whenever using .hasClass() function

answered May 7, 2014 at 6:32

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

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

Comments

Felix · Accepted Answer · 2014-05-07 06:32:30Z

2

You don't need the . for the class name here when using .hasClass():

if ($('#infobar_1_1').hasClass('info_bar'))

answered May 7, 2014 at 6:32

Felix

38.2k8 gold badges45 silver badges56 bronze badges

4 Comments

LTech Over a year ago

I removed the . and it still isn't working. should I be using bind() instead?

Felix Over a year ago

Did you receive any error in the console? Seem like the error is coming from the other part of your code.

LTech Over a year ago

there is an console error: Uncaught SyntaxError: Unexpected end of input but this error is showing without my code and when I just add $(".navbar").css({"background-color":"yellow", "margin-top":"40px"}); the error is showing still but the code works so it doesn't seem to be the issue although I'm not sure...

LTech Over a year ago

also the path to the error file is not the path I'm editing so I don't think it is connected at all. (although it is also a jquery file)

Arun P Johny · Accepted Answer · 2014-05-07 06:32:39Z

2

The hasClass() method expects the class name as the parameter, not a class selector so remove the . in .info_bar

$('#infobar_1_1').hasClass('info_bar')

answered May 7, 2014 at 6:32

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

LTech · Accepted Answer · 2014-05-07 07:55:00Z

0

if ($(".info_bar")){ $(".navbar").css({"margin-top":"35px"});}

worked. I'm not sure what was wrong with my original code but it is working now with this code.

answered May 7, 2014 at 7:55

LTech

1,7815 gold badges32 silver badges51 bronze badges

Comments

Rajaprabhu Aravindasamy · Accepted Answer · 2014-05-07 06:32:25Z

2

Try,

if ($('#infobar_1_1').hasClass('info_bar')) {

you dont need to specify the dot whenever using .hasClass() function

answered May 7, 2014 at 6:32

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

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

Comments

Felix · Accepted Answer · 2014-05-07 06:32:30Z

2

You don't need the . for the class name here when using .hasClass():

if ($('#infobar_1_1').hasClass('info_bar'))

answered May 7, 2014 at 6:32

Felix

38.2k8 gold badges45 silver badges56 bronze badges

4 Comments

LTech Over a year ago

I removed the . and it still isn't working. should I be using bind() instead?

Felix Over a year ago

Did you receive any error in the console? Seem like the error is coming from the other part of your code.

LTech Over a year ago

there is an console error: Uncaught SyntaxError: Unexpected end of input but this error is showing without my code and when I just add $(".navbar").css({"background-color":"yellow", "margin-top":"40px"}); the error is showing still but the code works so it doesn't seem to be the issue although I'm not sure...

LTech Over a year ago

also the path to the error file is not the path I'm editing so I don't think it is connected at all. (although it is also a jquery file)

Arun P Johny · Accepted Answer · 2014-05-07 06:32:39Z

2

The hasClass() method expects the class name as the parameter, not a class selector so remove the . in .info_bar

$('#infobar_1_1').hasClass('info_bar')

answered May 7, 2014 at 6:32

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

LTech · Accepted Answer · 2014-05-07 07:55:00Z

0

if ($(".info_bar")){ $(".navbar").css({"margin-top":"35px"});}

worked. I'm not sure what was wrong with my original code but it is working now with this code.

answered May 7, 2014 at 7:55

LTech

1,7815 gold badges32 silver badges51 bronze badges

Collectives™ on Stack Overflow

change css using if($'').hasclass()

4 Answers 4

Comments

4 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

change css using if($'').hasclass()

4 Answers 4

Comments

4 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

4 Comments

Comments

Comments

Related

Collectives™ on Stack Overflow

4 Answers 4

Comments

4 Comments

Comments

Comments

Related