JS:css属性和值在一个变量中

时间:2015-09-11 16:03:59

标签: javascript jquery css properties

'mailer' => [ 
            'class' => 'yii\swiftmailer\Mailer',
            'enableSwiftMailerLogging' =>true,
            'CustomMailerConfig' => true, //if its true use the bd config else set the transport here
            'useFileTransport' => false,
],

为什么不起作用?

var trns1 = '"transition": "all 1s"';

不应该完全相同:

$('#box').css({"transform": "translate(xy)", trns1 });

1 个答案:

答案 0 :(得分:2)

不。您的JavaScript对象不正确 - 您无法添加字符串并期望它作为键值对使用。

这将有效:

var trns1 = { "transition": "all 1s"};
$('#box').css(trns1);

如果您需要添加更多选项,可以轻松完成:

var trns1 = { "transition": "all 1s"};
trans1.color = 'red';
trans1.height = '20px';
$('#box').css(trns1);

这个trans1的结尾将是

{
    'color' : 'red',
    'height' : '20px',
    'transition': 'all 1s'
}

修改

根据您的评论,您可以轻松地在jQuery中链接事件。

var trns1 = {"transition": "all 0.3s ease"};
var trns2 = {"transform": "translateY(4vw)"};

然后像这样使用它们:

$('#box').css(trns1).css(trns2);