Question

我无法得到这个小提琴： http://jsfiddle.net/Lr57Lq0z/

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

请看小提琴中的其余部分。

移动to滑块时，脚本可以正常工作。

但是，如果您输入金额并单击下一个输入，则不会更新。如果您首先按下滑块线（而不是手柄），标签中的脚本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滑块更新无法正常工作

1 个答案: