使用if($'')更改css .hasclass()

时间:2014-05-07 06:31:36

标签: jquery

我在我网站的某些页面上显示通知栏。 如果栏显示我想突出显示导航栏并将其向下移动到页面。

栏的css为<div id="infobar_1_1" class="info_bar" style="background-image:... <div class="infobar_inner"><span id="infobar_txt" ....</div></div>

我试图使用jquery代码 if ($('#infobar_1_1').hasClass('.info_bar')) { $(".navbar").css({"background-color":"yellow", "margin-top":"40px"});} 但没有任何事情发生。

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

适用于每个页面,所以if()语句可能有问题。

我的网站是一个wordpress网站。 感谢

4 个答案:

答案 0 :(得分:2)

尝试,

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

每当使用.hasClass()函数

时,您都不需要指定dot

答案 1 :(得分:2)

使用 .hasClass() 时,您不需要.作为班级名称:

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

答案 2 :(得分:2)

hasClass()方法需要将类名作为参数,而不是类选择器,因此请删除.中的.info_bar

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

答案 3 :(得分:0)

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

的工作。我不确定我的原始代码有什么问题,但它现在正在使用此代码。