Hàm jQuery .css() với các biến và nhiều giá trị

Question

Snafu nhỏ lạ. Tôi đang sử dụng phương pháp .css() của jQuery để thay đổi kích thước của văn bản (câu chuyện dài; không, tôi không thể sử dụng truy vấn phương tiện) bằng cách sử dụng biến và tôi cần thêm em vào đó. Tôi không chắc cú pháp là vì có nhiều giá trị cho thay đổi CSS.

Để minh họa:

Điều này hoạt động hoàn hảo. Nó cho biết thêm em với giá trị tính toán của mình victore:

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

này không:

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

Các em cần dấu ngoặc kép ... nhưng như vậy không giá trị. Gói nó trong dấu ngoặc đã không làm việc

Answer 1

Bạn không nên có dấu ngoặc kép quanh toàn bộ điều:

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

Answer 2

Giá trị font-size là cần thiết để trở thành một chuỗi, nhưng chuỗi có thể được kết quả của một biểu thức, trong trường hợp của bạn victore + 'em' sẽ dẫn đến chuỗi thích hợp.

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

Answer 3

Đây là fiddle.

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