javascript - 输入[类型 ="range"] 选择器在 IE7 中不起作用

Question

我有几个范围输入，我必须在浏览器之间保持一致，因此我为它们使用 jQuery UI slider 。问题不在于该部分，而实际上在于获取这些元素。

这是输入的样子:

<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"]')