Question

如果滑块的值与文本框的值不同，如何更新滑块的位置？

$("#slider").slider({   
max: 30000,
min: 1000,
step: 1000,
range: true, 
animate: true,
values: [1000, 15000],
slide: function(even, ui)
{
$("#edit-field-price-value-min").val(ui.values[0]);
$("#edit-field-price-value-max").val(ui.values[1]);
}
});

你可以看到我正在用滑块更改某些文本框上的值，但我想要反之亦然

我想使用if语句，以便在任何时候如果文本框中的值都会改变滑块那么

是否有可能在onload上进行？

<div id="slider"></div>

Answer 1

您将要在$（document）.ready（）期间将事件设置为两个文本字段。根据行为，您可以使用change（）事件或blur（）事件：

$(document).ready(function(){
    $('#edit-field-price-value-min').change(function(){
        $('#slider').slider( "values" , 0 , $(this).val() );
    });
    $('#edit-field-price-value-max').change(function(){
        $('#slider').slider( "values" , 1 , $(this).val() );
    });
});

因此，当您更改文本字段时，它将更新滑块。

根据文本框中的值更新查询滑块位置

1 个答案: