Jade中不允许使用重复属性“{”

时间:2015-12-29 05:27:40

标签: html node.js express pug chartist.js

我正在尝试将脚本放入jade中,但它不会让我使用多个花括号。这是我试图放入玉器的图表代码。

body
    h1 Crimes by Category
    .ct-chart
    script(new Chartist.Bar('.ct-chart', {
    labels: ['XS', 'S', 'M', 'L', 'XL', 'XXL', 'XXXL'],
    series: [20, 60, 120, 200, 180, 20, 10]
    }, {
    distributeSeries: true
    });)

我收到重复属性“{”不允许。我不知道怎么解决这个问题。任何帮助,将不胜感激。

1 个答案:

答案 0 :(得分:4)

要在Jade中插入多行javascript,请使用script.标记(缩进脚本内容):

body
    h1 Crimes by Category
    .ct-chart

      script.
        new Chartist.Bar('.ct-chart', {
        labels: ['XS', 'S', 'M', 'L', 'XL', 'XXL', 'XXXL'],
        series: [20, 60, 120, 200, 180, 20, 10]
        }, {
        distributeSeries: true
        });

您可能还需要缩进脚本。如果你想在你的.ct-chart div中找到一个档次。

来源:How can I render inline JavaScript with Jade?