jQuery .css() función con variables y valores múltiples

Question

Weird little snafu. Estoy usando el método .css() de jQuery para cambiar el tamaño del texto (larga historia; no, no puedo usar consultas en los medios) usando una variable y necesito agregarle em. No estoy seguro de cuál es la sintaxis porque hay múltiples valores para el cambio de CSS.

Para ilustrar:

Esto funciona perfectamente. Se añade em al valor calculado de victore:

$('h1').css('font-size', victore + 'em'); 

Esto no es así:

$('h1').css({ 
    'font-size':victore + 'em', 
    'line-height':vignelli + 'em'; 
}); 

El em necesita cotizaciones ... pero también lo hace el valor. Envolviéndolo en parens no funcionó

Answer 1

Usted no debería tener las comillas alrededor de todo el asunto:

$('h1').css({ 
    'font-size': victore + "em", 
    'color':'red' 
}); 

Answer 2

El valor de tamaño de fuente es necesario para ser una cadena, pero esa cadena puede ser el resultado de una expresión, en su caso victore + 'em' debe dar como resultado la cadena apropiada.

$('h1').css({ 
    'font-size': victore + 'em', 
    'color': 'red' 
}); 

Answer 3

Aquí hay un fiddle.

$('h1').css({ 
    'font-size':victore + "em", 
    'color':'red' 
});