代码之家 › 专栏 › 技术社区 › volvox

使用HAML指定javascript的异步属性

middleman haml javascript

volvox · 技术社区 · 5 年前

为了在网页生成中包含谷歌分析

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-135345611-1">

我在里面找不到那么多 docs . 然后我发现 this ,但它将我的HTML标记转换为

%script(:async => "", src="https://www.googletagmanager.com/gtag/js?id=UA-135345611-1")

中间人v4.2.1版本失败的原因是:

Invalid attribute list: "(:async => \"\", src=\"https://www.googletagmanager.com/gtag/js?id=UA-135345611-1\")".
partials/_header.html.haml:4

有人知道如何用HAML写这一行,这样它就能正确地解析吗?

0 回复 | 直到 5 年前

Seth 5 年前

你试过这个吗?

%script{:async => "", :src => "https://www.googletagmanager.com/gtag/js?id=UA-135345611-1"}

当我在那个网站上运行你的代码时,它用括号而不是括号包装。也许这就是为什么解析不正确的原因?

另一方面,我个人使用 https://html2haml.herokuapp.com/ 因为它和中间商使用的是同一版本的haml。

Picachieu 5 年前

呈现没有属性值的HTML属性,如 async 或 selected ,滚动至“布尔属性” http://haml.info/docs/yardoc/file.REFERENCE.html#attributes .

因此,要包含GA代码,请使用:

%script{async: true, src: "https://www.googletagmanager.com/gtag/js?id=UA-135345611-1"}

推荐文章

iiRosie1 · 非法嵌套:内容不能与%div位于同一行,也不能嵌套在其中

7 年前

Apzal Bahin · 有没有办法将haml文件与Watir一起使用

7 年前

eth3rnit3 · 引导navbar rails gem glypicon

7 年前

Bijay Regmi · 在HAML/HTML中对齐表格的列

7 年前

Rares R · Rails在HAML+Coffeescript中使用数组

7 年前

Snoobie Vishal Sareen · haml为输入字段赋值

7 年前

Snoobie Vishal Sareen · 如何在haml循环中打破?

7 年前

Computer Looker · 当我移动到下方的iframe上时,为什么这个下拉div会消失?

7 年前

Nell David Soledad · HAML条件缩进链接到具有相同内容的

7 年前

Sejista Carl · rails在变量中存储渲染视图

7 年前