試圖使用jQuery

Question

我試圖從用戶取值，並使用JQuery..My代碼改變它來設置text-shadow屬性設置text-shadow屬性如下：

HTML代碼

<td width="13%"> 
H-Shadow::<input id="hshadow" onchange="setShadow();"/> 
</td> 

<td width="13%"> 
V-Shadow::<input id="vshadow" onchange="setShadow();"/> 
</td> 

<td width="12%"> 
Blur::<input id="blur" onchange="setShadow();"/> 
</td> 

<td width="12%"> 
Color::<input id="shadowcolor" class="color" onchange="setShadow();"/> 
</td> 

我的功能setShadow是

function setShadow() { 
var horShadow = document.getElementById('hshadow'); 
var verShadow = document.getElementById('vshadow'); 
var blurShadow = document.getElementById('blur'); 
var colorShadow = document.getElementById('shadowcolor'); 
$('.blue3d > textarea').css('textShadow', horShadow.value+"px "+verShadow.value+"px "+blurShadow.value+"px "+'#'+colorshadow.color); 

}

也跟着到了4對於s選擇顏色..我使用jscolor選擇器..所以我需要添加類=顏色在第四..你可以看到這裏的jscolor選擇器jsColor

我在哪裏出錯了？

Answer 1

使用text-shadow而不是textShadow？

$('.blue3d > textarea').css('text-shadow', horShadow.value+"px "+verShadow.value+"px "+blurShadow.value+"px "+'#'+colorshadow.color);