勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

HTMLのカスタムデータ属性をjQueryで取得する際はキャッシュに注意する

  jQuery JavaScript

ASPを使用したサイトでHTMLのカスタムデータ属性を取得し色々処理したかったんだけど、うまく取得できないケースに遭遇した。当該のカスタムデータの値はASP側で制御しているため、外部からは取得できないのかと思ったが色々調べるとjQueryのキャッシュ仕様が原因っぽい。以下に対応方法をメモ。

 

原因

jQueryのキャッシュの仕様により正常に取得できていない模様。

https://qiita.com/Kta-M/items/2eda39750abd10df9801

https://w3g.jp/blog/jquery-data-attr-cache

 

対応方法

jQueryだとattr()を使う。もしくはバニラJSで書くのが良さそう。

 - jQuery JavaScript

  関連記事

jQueryで指定の行動をとった際に、クリックイベントを発火させる方法

あるシステムでAという要素をクリックした際に何らかの処理を行うという部分があり、 ...

Ajaxで負荷軽減

業務中、専用のページでfile_get_contents的なものは あまり使わな ...

jQueryでコンテンツのスライド

jQueryもしくはJavaScriptでリンクを押すと 右から左にコンテンツを ...

画像アップロード前の時点で画像が選択されているか確認

やりたかった事は、フォーム内で画像をアップロードする際、 ちゃんと画像がローカル ...

フォームの入力・選択内容を自動保存してくれる「Garlicjs」プラグインの利用方法

お問い合わせページ等、フォームを設置したページで入力・選択した内容を保存したい。 ...