2014-05-07 38 views
0

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

用于酒吧的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站点。 感谢

回答

2

尝试,

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

你不需要指定dot每当使用.hasClass()功能

2

使用.hasClass()时,您不需要.类名的位置:

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

我删除了。它仍然没有工作。我应该使用bind()吗? – LTech

+0

您是否在控制台收到任何错误?看起来错误来自代码的其他部分。 – Felix

+0

有一个控制台错误:Uncaught SyntaxError:意外的输入结束,但这个错误显示没有我的代码,当我只是添加'$(“。navbar”)。css({“background-color”:“yellow”,“ margin-top“:”40px“});'错误仍然显示,但代码起作用,所以它似乎不是问题,虽然我不确定... – LTech

2

hasClass()方法预计类名作为参数,而不是一个类选择,以便除去在..info_bar

$('#infobar_1_1').hasClass('info_bar') 
0
if ($(".info_bar")){ $(".navbar").css({"margin-top":"35px"});} 

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