带有 jquery 的 box-shadow，参数的顺序不正确

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';

在你的情况下是

$('#primary-navigation') .css('box-shadow', a'px ' b'px ' c'px ' 颜色;