jQueryがデータ属性を取得するときに間違った値を取得する

Question

データ属性を持つ div があります

リーリー

次のようなスクリプトがあります

リーリー

上記のスクリプトでは、データ位置プロパティが 10 に更新されますが、もう一度ボタンをクリックしても、データ位置は 1 のままです。

Answer 1

初めて .data() を使用して data-* プロパティにアクセスすると、プロパティの値が jQuery によって内部的にキャッシュされ、 .data( ) それ以降はキャッシュを使用します。 .attr() を使用して属性を更新してもキャッシュは更新されません。キャッシュを更新するには、.data() を使用する必要があります。そのため、

を使用する必要があります。 リーリー

更新してください。