2013-05-02 106 views
1

我試圖用php變量改變my:before元素的背景顏色。變量整齊地返回一個十六進制代碼,如#123456。我試過這段jQuery/JavaScript來獲得這個工作,但事實並非如此。有誰知道我做錯了什麼?基於php變量改變a:before元素的背景顏色

<script> 
    $(document).ready(function(){ 
     $('#tpl-contact:before').css("background", "<?=$sColor;?>"); 
    }); 
</script> 
+0

你也可以向我們展示HTML代碼,你想要應用背景顏色/ – 2013-05-02 11:08:59

+0

你不能。 ':之前'和':之後'是僞元素,並不存在於DOM中。 – ahren 2013-05-02 11:11:12

+0

@ahren:jQuery不是DOM,它可能具有超能力。所以你永遠不知道。 ;)(至少OP可以有一個插件,提供這個,因爲你知道我們可以擴展選擇器) – hakre 2013-05-02 11:12:46

回答

2

請儘量不要使用jQuery。 HTML和CSS應該足夠了。

快速瞭解其工作原理的另一種方法是逐步完成這項工作。做:

$('#tpl-contact:before').css("background", "#123456"); 

已經做了你想做的事情?如果是,繼續,如果沒有,你已經排除PHP爲罪魁禍首。我通常這樣做。

問題"How do I access style properties of pseudo-elements with jQuery?"也可能有一些額外的指針。