勉強したことのメモ

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

  関連記事

NicEdit(WYSIWYGエディタ)を再描写時にサイズを調整する方法

NicEdit(WYSIWYGエディタ)を設置しているサイトがあった。ページ読み ...

jQueryにて何らかの処理中にブラウザをロックする「waitMe」プラグインの利用方法

jQueryにて何らかの処理中、ユーザーによるクリックや入力等の動作を防ぎたい。 ...

スクロールしてもついてくる追尾型の広告を作る方法

スマホサイトとかでよく見る、スクロールしてもページ下部とかに常時表示されている追 ...

formのtextareaに文字を入力した内容をリアルタイムプレビューする方法

textarea内に書いた内容をリアルタイムでプレビューする機能が必要になった。 ...

Ajaxを使用する際の注意

Ajaxで特にJSONPを使う際によくミスることがあるので 注意点をまとめておく ...