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

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

1 个答案: