Funzione jQuery .css() con variabili e valori multipli

Question

Weird little snafu. Sto usando il metodo .css() di jQuery per cambiare la dimensione del testo (lunga storia, no, non posso usare le media query) usando una variabile e ho bisogno di aggiungere em ad essa. Non sono sicuro di quale sia la sintassi perché ci sono più valori per la modifica CSS.

Per illustrare:

Ciò funziona perfettamente. Si aggiunge em al valore calcolato di victore:

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

Questo non lo fa:

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

Il em ha bisogno di citazioni ... ma così fa il valore. Avvolgendolo in parentesi non ha funzionato

Answer 1

Non dovrebbe avere le virgolette attorno tutta la faccenda:

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

Answer 2

Il valore font-size è richiesto di essere una stringa, ma la stringa può essere il risultato di un'espressione, nel tuo caso victore + 'em' dovrebbe risultare nella stringa appropriata.

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

Answer 3

Ecco uno fiddle.

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