Javascript jQuery移动滑块输入更改事件

我正在使用jQuery移动滑块输入。我可以在我的页面中有多个滑块，发生的是它经常触发的“更改”事件，而不仅仅是当实际输入值更改时。 这是我的代码：

<div class="questionContent ui-hide-label" data-role="fieldcontain">
    <input type="range" class="slider" value="" min="1" max="5" data-highlight="true" name="slider"  data-theme="b" />  
</div>

$('input.slider').each(function() {
    $(this)
    .bind('change',function() {
        console.log('changed')
    })
})

$（'input.slider'）。每个（函数（）{
$（本）
.bind（'change'，function（））{
console.log（'changed'）
})
})

---

我还为此创建了一个JSFIDLE:

问题是，无论何时单击鼠标、稍微移动鼠标等，背景中的jQuery都会更改绑定到滑块的输入值。因此，“更改”实际上会经常触发，因为它应该被触发

在jquerymobile中，最好使用只有滑块停止移动时才会触发的事件。请注意，仅当用户使用实际滑块时，以编程方式更改输入值时才会触发此事件