将 pug mixin 传递给 JavaScript答案

【问题标题】：Pass pug mixin to JavaScript将 pug mixin 传递给 JavaScript
【发布时间】：2017-04-07 20:33:07
【问题描述】：

我的整个网站都有一个通用的模式来显示尾注。我想创建一个快速的 pug mixin，这样我就不必一遍又一遍地输入结构。

但是，我不知道如何将#id 传递到我的 js toggle_visibility 函数中。（注意，js 完美运行，我只是想转换成 mixin）

mixin modal(id, content)
 div.modal(class= id)
  div.modal-content= content
   a.close(onclick="toggle_visibility('= id');") Close

这是 pug 代码工作的示例（在 mixin 之外）

div.modal#downloads-citations
      div.modal-content
        p some content here to show article citations
        a.close(onclick="toggle_visibility('downloads-citations');") Close

【问题讨论】：

标签： javascript variables pug

【解决方案1】：

您正在寻找的内容称为“属性插值”，当前版本的 Pug 不再直接支持（请参阅他们的文档中的 this page）。

不过，幸运的是，有一个基于字符串连接的简单解决方法。只需将代码的最后一行 sn-p 替换为以下语句：

a.close(onclick="toggle_visibility('" + id + "');") Close

【讨论】：

很高兴为您提供帮助，欢迎来到 Stack Overflow！如果此答案解决了您的问题，请将其标记为已接受。