input [type = "range"]セレクタがIE7で動作していません

Question

複数の範囲入力があるため、ブラウザ間で一貫性を持たせる必要があるため、jQuery UIスライダを使用しています。問題はその部分ではなく、実際にそれらの要素を得ることである。

<input type="range" name="..." value="..." min="..." max="..." /> 

はIE7以外のすべてのブラウズ中input[type="range"]作品でそれらを選択する（IE8で結構です）：

これは、入力がどのように見えるかです。コードはWordpress 3.1で実行する必要がありますので、jQuery 1.4を使用する必要があります。

私は現在、範囲入力にクラスを追加して解決していますが、うまくいきますが、IE7のこのセレクタの問題点は何ですか？

Answer 1

IE7以下は自動的にtype="text"に変換されます。試してみてください

alert($('input').attr('type')); // alerts "text" 

したがって、セレクタが一致しません。

あなたは

のみjQueryの選択のためのクラスの代わりに

<input data-type="range" type="range" name="..." value="..." min="..." max="..." /> 

をdata-typeを追加し、

$('input[data-type="range"]') 

を使用することができます

Answer 2

IE 7は、限定されたセットattribute selectorsをサポートしています。さらに、おそらくinput type="range"を認識しません。

Answer 3

ie7のように、ie6は古くなったブラウザになっていますので、type=rangeをサポートするとは思わないはずです。