javascript - 范围输入更改事件不触发

Question

我正在使用 jquery 和 jquery mobile 来捕获更改事件。我正在使用这个 html 和 jquery 代码：

html:

<input type="range" name="someName" min="0" max="10"/>

jQuery：

$('input[type="range"]').change(function(){
    alert('asdasd');
});

当我将输入属性更改为命名时，它工作正常。像这样：

$('input[name="range"]').change(function(){
        alert('asdasd');
});

我不知道为什么事件没有被缓存。谢谢

Answer 1

不要使用更改事件，使用 slidestart 或 slidestop。

更多信息：http: //jquerymobile.com/test/docs/forms/slider/events.html

这是我几天前创建的一个示例：http: //jsfiddle.net/Gajotres/PzTeX/

$("input#europe, input#us, input#uk, input#japan").live("slidestop", function() {

});

Answer 2

'input[type="range"]'在 Chrome 上为 truechange时不会触发Emulate touch screen

Answer 3

在我看来很好。也许您在加载元素之前调用了 jquery。它是否包含在 document.ready 中？您使用的是非 html5 浏览器吗？

$(function(){
    $('input[type="range"]').change(function(){
        alert('asdasd');
    });
});