jquery 滑块更新不起作用

Question

我无法让这个 fiddle 工作： http://jsfiddle.net/Lr57Lq0z/

$(document).ready(function(){ 
function updateAmounts() {  
var value1 = $('#slider1').slider('value');  
var value2 = $('#slider2').slider('value');

请参阅 fiddle 中的其余部分。

移动到滑块时，脚本运行。

但是，如果您键入一个金额并单击下一个输入，它不会更新。如果您首先按下滑块线（而不是手柄），则标签中的脚本 og 没有任何反应。

Answer 1

您应该将更改事件与您的输入绑定。您还应该使用滑块的 change 事件。

$('#amount1').on('change', function(){
    $('#slider1').slider( "value", $(this).val() ).slider('refresh'); 
    updateAmounts();
});
$('#amount2').on('change', function(){
    $('#slider2').slider( "value", $(this).val() ).slider('refresh');   
    updateAmounts();
});

$('#slider2, #slider1').slider({
    value: 0,
    min: 0,
    max: 200,
    step: 1,
    change: function () {
        updateAmounts();
    }
});

DEMO

jquery 滑块更新不起作用

jquery slider update not working

jquery

slider