jQueryのdata-*属性キャッシュ仕様と対策

テクノロジーカテゴリーの変更を依頼記事元:

web.w3g.jp

64 usersがブックマークコメント

コメント

9

記事へのコメント9件

注目コメント
新着コメント

kanno_kanno “jQueryのキャッシュ仕様が原因でHTML上には反映しない（HTML属性値は書き換えない）”

2015/08/11 リンク

yuta_hayakawa ずっとハマってたのはコイツのせい（他責

2017/05/25 リンク

sutara_lumpur ずっと勘違いしてた。jQueryのdataはHTMLのdata属性とは少し違っていたのか。

jquery

2017/04/18 リンク

IDLOCK これほんと罠

2016/12/26 リンク

michael-unltd 罠った…

2016/10/30 リンク

itouhiro 「jQuery.data()の場合は、jQueryオブジェクトとしてのデータ名に対する値は書き換えられるのですが、逆にjQueryのキャッシュ仕様が原因でHTML上には反映しない（HTML属性値は書き換えない）。解決策はネイティブJS」

2016/09/14 リンク

shuuuuuny data attr

js
jquery

2016/06/26 リンク

kanno_kanno “jQueryのキャッシュ仕様が原因でHTML上には反映しない（HTML属性値は書き換えない）”

2015/08/11 リンク

knakamura1977 気をつけよっと。

jquery

2015/01/25 リンク

gayou へー。

jquery

2014/02/17 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

jQueryのdata-*属性キャッシュ仕様と対策

Updated 2014.02.16 / Published 2014.02.16 jQueryでdata-*属性を扱う際にjQuery.data()メソッドもしく... Updated 2014.02.16 / Published 2014.02.16 jQueryでdata-*属性を扱う際にjQuery.data()メソッドもしくはjQuery.attr()メソッドを使うことになるでしょうが、jQueryで扱えるdata-*属性のオブジェクトは前提としてキャッシュ仕様であることを理解しておかないと嵌ることが多々あります。取得だけなら問題は起こらない <div id="user1" data-id="1" data-user="Jack" data-date-of-birth="2000-10-01">Jack</div> これらのdata-*属性を取得したい場合、jQueryであれば次のように記述します。 //data()の場合 jQuery("#user1").data("id"); // => 1 (数字扱い) jQuery("#user1").d

ブックマークしたユーザー

yoshi-nkyma2022/06/01
kenjikana2021/12/10
yuta_hayakawa2017/05/25
sutara_lumpur2017/04/18
ant_mugi2017/03/19
rby2017/03/11
oppara2017/02/08
IDLOCK2016/12/26
yorisilo2016/12/21
michael-unltd2016/10/30
itouhiro2016/09/14
shuuuuuny2016/06/26
mut00tum2016/03/10
littlefield2016/03/07
dex1t2015/11/17
kanno_kanno2015/08/11
Tomato-3602015/07/08
karahiyo2015/07/01

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx