Селектор input [type = "range"] не работает в IE7

Question

У меня есть несколько входов диапазона, которые я должен сделать согласованными в разных браузерах, поэтому я использую для них ползунок jQuery UI.Проблема не в этой части, а на самом деле в получении этих элементов.

Вот как выглядят входные данные:

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

Выбор их с помощью input[type="range"] работает в каждом просмотре, кроме IE7 (IE8 в порядке).Код должен работать на Wordpress 3.1, поэтому я должен использовать jQuery 1.4.

В настоящее время я решил эту проблему, добавив класс к входам диапазона, и это прекрасно работает, но мне было интересно, в чем проблема сэтот селектор в IE7?

Answer 1

IE7 и ниже автоматически преобразуется в type="text".Попробуйте это, и вы увидите

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

Поэтому ваш селектор не соответствует.

Вы можете добавить data-type вместо класса только для выбора jQuery

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

и использовать

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

Answer 2

IE 7 поддерживает ограниченный набор селекторов атрибутов . Кроме того, он, вероятно, не распознает input type="range".

Answer 3

ie7 как ie6 стал устаревшим браузером, поэтому не стоит ожидать, что он будет поддерживать type=range.