与jQuery的盒子阴影，争论的顺序是不正确的

Question

我想为一个盒子的阴影添加一些变量：该订单在CSS中是正确的盒子阴影：10px 10px 5px＃888888;

但是，尽管我的订单：

$('#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';

在您的情况下是

$（'＃prientar-navigation'） .css（'Box-Shadow'， A'px'b'px'C'px'Color;