2012-09-17 144 views
0

嘿你们大家我这里有这个代码,它假设要添加的类别名称“cboxElement”jQuery的添加类工作不

$(".wpcart_gallery a:first").addClass("cboxElement"); 

,但它不工作。

我在我的头文件中有正确的jquery文件,我在jQuery('document').ready(function($){......});中包含了这个,它适用于我的所有其他Jquery,但是添加类调用。

这里是我想添加类...

<div class="wpcart_gallery" style="text-align:center; padding-top:5px;"> 
<a class="thickbox" href="DSC_0037.jpg" rev="DSC_0037.jpg"></a> 
</div> 

有人知道为什么这个心不是工作?我是新来的jQuery

这也是在WordPress因此jQuery('document')

+2

控制台中的任何错误? –

+3

什么'不工作:('是什么意思?检查是否选择器实际上选择了一些东西。 – asawyer

+0

css属性可能被重写。 –

回答

0

由于Zoltran注意到并表现出对jsFiddle,你的代码上市至少在某些情况下工作。 .ready()执行时,您添加类的div元素是否可能还不存在?我建议加入这一行:

console.log("container:", $(".wpcart_gallery"), "link:", $(".wpcart_gallery a:first")); 

您.addClass()代码之后,然后查看调试控制台(例如Chrome's web inspector)。你看到你的元素还是未定义的?如果你看到你的undefined,那么你的.addClass()代码很可能在它所作用的元素准备就绪之前运行。如果你确实得到了你的元素,你的风格(或代码的其他部分)可能会覆盖/撤销你的变化。

0

我假设你的选择器返回多个或null。您的html中可能有其他元素使用相同的选择器。正如佐尔坦所说,它应该起作用。尝试打印到consol.log($(“。wpcart_gallery a:first”));在firefox或chrome中进行调试,并用萤火虫进行调试,这可能会让你指出问题所在。

1

代码:

$(document).ready(function() { 
    $(".wpcart_gallery a:first").addClass("cboxElement"); 
} 
0

试试这个队友.....

jQuery('document').ready(function($){ 

    jQuery(".wpcart_gallery a:first").addClass('cboxElement'); 

});