數據屬性的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。順便說一句，這是你選擇的代碼實現。