jquery – rails和html数据属性:使用dash( – )或下划线(_)?

前端之家收集整理的这篇文章主要介绍了jquery – rails和html数据属性:使用dash( – )或下划线(_)?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
最近,我在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" />

为什么会这样呢?是什么导致变化?

解决方法

这是完全正常的,数据:{first_name:“ben”}应该产生data-first-name =“ben”.

访问此属性的最佳方法是使用.data(“firstName”),但.data(“first-name”)也可以正常工作.

原文链接:https://www.f2er.com/jquery/179247.html

猜你在找的jQuery相关文章