Javascript Jquery数据属性存在问题

这应该将画布单击的x/y位置保存为数据属性，但由于某些原因，当我使用Chrome检查它时，它们不会出现在HTML中

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

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

---

这看起来很简单，所以我很难看出问题所在。

jQuery读取

数据-

属性，但是

数据（'key'，value）

不修改元素属性。jQuery使用自己的内部数据存储。如果确实要添加/更改

数据-

属性，请使用

attr（）

：

---

jQuery读取

数据-

属性，但

数据（'key'，value）

不修改元素属性。jQuery使用自己的内部数据存储。如果确实要添加/更改

数据-

属性，请使用

attr（）

：

---

jQuery读取

数据-

属性，但

数据（'key'，value）

不修改元素属性。jQuery使用自己的内部数据存储。如果确实要添加/更改

数据-

属性，请使用

attr（）

：

---

jQuery读取

数据-

属性，但

数据（'key'，value）

不修改元素属性。jQuery使用自己的内部数据存储。如果确实要添加/更改

数据-

属性，请使用

attr（）

：

---

---

使用数据api仅设置数据值不会为dom元素创建data-*属性，请改用“`.attr`。首先为什么要使用

data-*

属性？@Ben:有理由不这样做吗？@DavidThomas是的。在99.9%的案例中，他们违反了关注点分离。它们用于混合应用程序表示逻辑和业务逻辑。通常，至少从我的轶事经验来看，它们要么源于缺乏对其他数据结构的了解，要么源于不知道关注点的分离（并且有一个支持数据模型是您的演示的唯一真实来源）。我还有其他需要x-y位置的事件。使用数据api仅设置数据值不会为dom元素创建data-*属性，请改用“`.attr`。首先为什么要使用

data-*

属性？@Ben:有理由不这样做吗？@DavidThomas是的。在99.9%的案例中，他们违反了关注点分离。它们用于混合应用程序表示逻辑和业务逻辑。通常，至少从我的轶事经验来看，它们要么源于缺乏对其他数据结构的了解，要么源于不知道关注点的分离（并且有一个支持数据模型是您的演示的唯一真实来源）。我还有其他需要x-y位置的事件。使用数据api仅设置数据值不会为dom元素创建data-*属性，请改用“`.attr`。首先为什么要使用

data-*

属性？@Ben:有理由不这样做吗？@DavidThomas是的。在99.9%的案例中，他们违反了关注点分离。它们用于混合应用程序表示逻辑和业务逻辑。通常，至少从我的轶事经验来看，它们要么源于缺乏对其他数据结构的了解，要么源于不知道关注点的分离（并且有一个支持数据模型是您的演示的唯一真实来源）。我还有其他需要x-y位置的事件。使用数据api仅设置数据值不会为dom元素创建data-*属性，请改用“`.attr`。首先为什么要使用

data-*

属性？@Ben:有理由不这样做吗？@DavidThomas是的。在99.9%的案例中，他们违反了关注点分离。它们用于混合应用程序表示逻辑和业务逻辑。通常，至少从我的轶事经验来看，它们要么源于缺乏对其他数据结构的了解，要么源于不知道关注点的分离（并且有一个支持数据模型是您的演示的唯一真实来源）。我还有其他事件需要x-y位置，这是有意义的！非常感谢：）啊，这很有道理！非常感谢：）啊，这很有道理！非常感谢：）啊，这很有道理！非常感谢：）

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