與jQuery的框陰影，參數的順序是不正確的

Question

我想爲一個框陰影添加一些變量： 這個順序在css中是正確的 box-shadow：10px 10px 5px＃888888;

但隨着jQuery的，儘管我的訂單：

$('#primary-navigation') 
    .css('box-shadow', $horizontal+'px '+ $vertical+'px '+$gradient+'px '+ $color); 

在Chrome中顯示控制檯，即：

element.style { 
    box-shadow: rgb(231, 214, 26) 8px 3px 8px; 
} 

的顏色是不是在正確的地方？

我的完整測試：

var $horizontal; var $vertical; var $gradient; var $color= ''; 
138  if($(this).data('shadow')) { 
139  if($(this).data('shadow') === 'horizontal') { 
140   //console.log($(this).data('shadow') + ' :: ' + $(this).val()); 
141   $color = $(this).parent('div').next().next().next().find('input').val(); 
142   $horizontal = $(this).val(); 
143   $vertical = $(this).parent('div').next().find('select').find('option:selected').html(); 
144   $gradient = $(this).parent('div').next().next().find('select').find('option:selected').html(); 

146   $('#primary-navigation') 
147   .css('box-shadow', $horizontal+'px '+ $vertical+'px '+$gradient+'px '+ $color); 
148   //console.log($meta, $(this).val(), $vertical, $gradient, $color); 
149  } 

感謝

Answer 1

嘗試糾正你的報價。

正確的方法必須是

$('#primary-navigation') 
    .css('box-shadow', 'apx bpx cpx #color'; 

在你的情況下，它是

$（ '＃主導航'） 的.css（ '的box-shadow'，a'px「 b'px'c'px'color;