javascript - jQuery 未检测到数据属性更改

Question

我正在更改 div 元素的 data-demo 属性，当我想在另一个事件中检查它时，它总是显示它的初始值而不是当前值。

这是我使用的代码:

$('#showValue').click(function(){
    alert($('.value').data('demo'));
});

$('.update').click(function(){
   $('.value').text('updated').attr('data-demo', 'updated');
});

为什么会这样？

这是我正在谈论的例子的 fiddle :http://jsfiddle.net/f5Cpm/

谢谢。

Answer 1

内部数据首次初始化后，它永远不会返回到属性来获取或设置值，因此更新属性不会更新存储在 .data() 中的内容，如果你已经在上面使用了 .data元素。

阅读更多 here