使用jQuery的网格模板区域

Question

我正在尝试使用jQuery动态设置css网格的grid-template-area功能的值，但需要使用变量而不是只写字符串...

var row_one = "a a a"
var row_two = "b b b"
var row_three = "c c c"

，然后是以下版本：

$("#page").css('grid-template-areas', 'row_one row_two row_three');

关于如何进行这项工作的任何想法？

Answer 1

有一些规则可以使这项工作生效：

• 所有必须成一行
• 所有行都必须有外引号
• 每行也必须使用自己的引号
• 您必须在其中一个上使用“，而在另一个上使用

像这样：$("#page").css('grid-template-areas', '"nav nav nav" "main main main"');