當我更改數據attr然後訪問它，我得到初始值？

Question

說，

<a id="link-one" href="#" data-status="true">Anchor</a> 

下面的代碼將 「真」 在控制檯上：

console.log($('#link-one').data('status')); 

而且，當我改變這樣的價值：

$('#link-one').attr('data-status', 'false'); 

價值的變化，我可以看到通過使用Chrome檢查器檢查元素。是的，它確實在變化。

但是，在分配/更改上述值之後，然後在更改返回初始值後再次訪問它，而不是修改的新值。我需要訪問當前值，即更改後。

console.log($('#link-one').data('status')); // writes "true" 
$('#link-one').attr('data-status', 'false'); 
console.log($('#link-one').data('status')); // writes "true" again 

我錯過了什麼嗎？或者這是jQuery的默認行爲（如果是的話，我該如何實現我所需要的）？

Answer 1

data-attribute在jQuery將首次訪問它時解析，並在文檔加載時爲默認值。

如果你想將數據值設置爲false，你必須這樣做：

$("#link-one").data("status", false); 

而且比你可以訪問它：

$("#link-one").data("status"); // False now 

Quote：

關於HTML5數據屬性：這個低級別的方法不會 檢索data- *屬性，除非更方便.data（） 方法已經檢索到它們。

這意味着，一旦解析，它不會再解析它。