rails和html数据属性：使用短划线（ - ）或下划线（_）？

Question

最近，我在rails应用程序中遇到HTML自定义数据属性的问题。 我使用以下模式，以便将一些数据属性添加到html标记，并在稍后的javascript（jQuery）代码中使用它们：

= %a.name{ href: "url.com", data: {first_name: "ben", last_name: "amsalem} }

在javascript代码中，我访问这些属性：

alert($(".name").data("first_name") + " " + $(".name").data("last_name"));

在我的开发环境中，它很顺利，我得到了预期的结果（过去我的生产环境也是如此），但在我当前的生产版本中，我得到了“未定义”的值。 我检查了页面的HTML源代码，我看到我现在有类似的东西：

<a class="name" href="url.com" data-first-name="ben" data-last-name="amsalem" />

代替：

<a class="name" href="url.com" data-first_name="ben" data-last_name="amsalem" />

为什么会这样？ 是什么导致了变化？

Answer 1

这是完全正常的， data: { first_name: "ben" }应该生成data-first-name="ben" 。

访问此属性的最佳方法是使用.data("firstName") ，但.data("first-name")也可以。

Answer 2

我认为你使用的是HAML。 自4.0以来，Hypernation是默认的。 将hyphenate_data_attrs设置为false可将其关闭。

Answer 3

经过测试我做了：似乎在开发中我在版本3.2.9中有宝石，在生产中它是3.2.12 - 在这些版本之间修复了错误的行为（转换为<a date-last_name/> ）我的开发版本我可以看到变化。