14

Jquery 処理用の HTML5 データ属性にいくつかのカスタム データを格納しています。カスタム データ属性は古いブラウザで利用できますか?

4

4 に答える 4

21

HTML5datalistプロパティは、古いブラウザーでは使用できません (ただし、十分に簡単にポリフィルできます)。getAttributeもちろん、代わりに標準の方法をいつでも使用できます。またdata-xxx、HTML 要素の属性はすべてのブラウザーで受け入れられます (無効な xHTML ではなく、HTML モードである限り)。

しかし、あなたの質問は、HTML5 よりも jQuery に関するより具体的なようです。そのため、答えは「はい」です。jQuery メソッドは、jQuery.data()でサポートされているすべてのブラウザーで使用できます。

于 2013-08-08T09:38:30.560 に答える
10

属性自体はすべてのブラウザーで機能します。あとは属性ですね。これは、属性が 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");
于 2013-08-08T09:34:46.920 に答える
1

HTML5 でのブラウザの互換性については、このサイトを確認してください

html5test.com

于 2013-08-08T09:34:15.057 に答える
0

HTML をサポートするものはすべて、HTML データ属性にアクセスできます。したがって、JQUERY を介してクライアント側で処理することはまったく問題ありません。

実際、私は最近、職場のプロジェクトでこれを行う必要があり、ie7 までずっとうまくいきました。

CSS によるスタイリングに HTML データ属性を使用する場合は、CSS3 選択項目をサポートするブラウザーが必要です。これは、IE9 およびいくつかの古いバージョンの Firefox より下のものです。

これはあなたにとって興味深いかもしれません:

HTML5 カスタム データ属性は IE 6 で「機能」しますか?

于 2013-08-08T09:38:39.900 に答える