javascript - jQuery $.data ('n' )返回空白，但 $.attr ('data-n' )获取值

Question

第三方 JavaScript 库已将数据属性添加到与工具提示功能相关的元素，如下所示:

<i id="button1" data-tooltip="xyz-tooltip"></i>

(为了更加清楚地表明，这在加载时不会在文档中呈现)

该元素是触发工具提示的按钮，它们还会将实际的工具提示附加到文档中，其 ID 与 data-tooltip 的内容相匹配(我想查找)

我正在使用 jQuery 并假设我总是可以使用以下方法获取该数据:

var theTooltip = $("#button1").data("tooltip");

但就我而言，theTooltip 是 ""。不过我可以使用以下方法得到它:

var theTooltip = $("#button1").attr("data-tooltip");

第一种方法在什么情况下不起作用？是否可能是因为在初始化 jQuery 时该元素没有这些属性(它们没有在服务器上呈现)？

Answer 1

答案是 $.data() 之前已写入，但随后 visible 数据属性被写入其他内容。 $.data()

不再检索可见数据属性

JSfiddle:https://jsfiddle.net/sp2d74y1/1/