Jquery 処理用の HTML5 データ属性にいくつかのカスタム データを格納しています。カスタム データ属性は古いブラウザで利用できますか?
4 に答える
HTML5datalist
プロパティは、古いブラウザーでは使用できません (ただし、十分に簡単にポリフィルできます)。getAttribute
もちろん、代わりに標準の方法をいつでも使用できます。またdata-xxx
、HTML 要素の属性はすべてのブラウザーで受け入れられます (無効な xHTML ではなく、HTML モードである限り)。
しかし、あなたの質問は、HTML5 よりも jQuery に関するより具体的なようです。そのため、答えは「はい」です。jQuery メソッドは、jQuery.data()
でサポートされているすべてのブラウザーで使用できます。
属性自体はすべてのブラウザーで機能します。あとは属性ですね。これは、属性が DOM に存在するという意味で「機能」します。
<div random-attribute="hello"></div> <!-- invalid, but "works" -->
<div data-random="hello"></div> <!-- valid (in browsers with HTML5 support) -->
要素のネイティブdataset
プロパティは古いブラウザーでは機能しませんが、次のgetAttribute
ようになります。
var random = document.getElementById("x").dataset.random;
// or
var random = document.getElementById("x").getAttribute("data-random");
HTML5 でのブラウザの互換性については、このサイトを確認してください
HTML をサポートするものはすべて、HTML データ属性にアクセスできます。したがって、JQUERY を介してクライアント側で処理することはまったく問題ありません。
実際、私は最近、職場のプロジェクトでこれを行う必要があり、ie7 までずっとうまくいきました。
CSS によるスタイリングに HTML データ属性を使用する場合は、CSS3 選択項目をサポートするブラウザーが必要です。これは、IE9 およびいくつかの古いバージョンの Firefox より下のものです。
これはあなたにとって興味深いかもしれません: