javascript - Jquery 数据属性问题

Question

这应该将 Canvas 点击的 x/y 位置保存为 Canvas 元素作为数据属性，但由于某种原因，当我使用 Chrome 检查它时，它们不会出现在 HTML 中。

$('#canvas').click(function(e){
    $(this).data("pos-x", e.offsetX);
    $(this).data("pos-y", e.offsetY);
});

如果我在 this.data 之前添加控制台日志，值就在那里，它们是否不为空，这似乎是什么问题？

它看起来非常简单，所以我很难看到问题。

Answer 1

jQuery 从 data- 属性读取，但 data('key', value) 不会修改元素属性。 jQuery 使用它自己的内部数据存储。如果您确实想添加/更改 data- 属性，请使用 attr():

$(this).attr("data-pos-x", e.offsetX);
$(this).attr("data-pos-y", e.offsetY);