玉中按钮的自定义属性答案

【问题标题】：Custom Attributes for Buttons in jade玉中按钮的自定义属性
【发布时间】：2012-02-07 13:46:39
【问题描述】：

您好，我正在尝试使用 node.js 和 Jade 编写网页代码。我正在尝试向按钮添加自定义属性，例如在 HTML 中：

<input type = "button" specialID = someSpecialID, onclick="doSomething(specialID);">

其中 someSpecialID 是节点服务器传递给模板的值。我试过了：

input(type = "button", specialID = someSpecialID, onclick = "doSomething(specialID);")

和：

input(type = "button", onclick = "doSomething(specialID);")
     specialID = someSpecialID

但自定义属性似乎没有。我不断收到未定义 specialID 的错误。

我对node.js和jade还是有点陌生，所以如果这是一个微不足道的问题，我很抱歉。非常感谢您对此提供任何帮助。

【问题讨论】：

标签： node.js pug

【解决方案1】：

我不确定我是否完全理解执行的上下文，someSpecialID 是作为本地传递的 javascript 对象吗？或者只是一些占位符，在您的真实代码中类似于 specialID=5？（编辑：好的，我错过了你说它作为值传递的那一行，所以我猜你的情况是前者）

如果是前者，您可以使用插值（在引号之间，因为我认为 Jade 需要引号，即：specialID="#{someSpecialID}"）

如果是后者，这样的东西会正确渲染：

input(type="button", specialID="someSpecialID", onclick="doSomething(specialID);")

您应该考虑使用data-special-id 属性而不是specialID（自定义属性在 HTML5 中以 data- 前缀“标准化”）。

【讨论】：