数据属性的jQuery更新的值是不可见的DOM

Question

我更新的jQuery，就像一个数据属性：

jQuery('div').data('hidden', 'true'); 
alert(jQuery('div').data('hidden')); 

数据属性值得到了改变，并返回新值，它是true但DOM仍表现出了旧值是false。

Answer 1

当您使用.data()更新数据值，则更新的jQuery管理的内部对象，因此它不会在data-*属性进行更新

Answer 2

我旁敲侧击如此糟糕:(并能解决这个问题。这个使用jQuery数据的方法如果HTML是动态的，数据访问属性后的第一时间后改为像我们接缝不能做实现。

根据jQuery.data()

数据- 在在第一次访问数据属性 访问然后不再被访问或变异（所有数据值 然后存储在jQuery内部）时首先拉扯贡品。

所以我所做的是，它改变到不会给你整数分析得到的值ATTR方法，所以你必须使用“+”操作数转换一样：

+ myElement.attr('data-index'); 

注：您必须小心，如果数据attr中有任何字符串，它会将结果转换为NaN。顺便说一句，这是你选择的代码实现。