2012-09-17 111 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'); 

});