Estoy tratando de crear una función de rango deslizante que tenga un valor mínimo y máximo entre 0 y 1 con el paso 0.05. El valor predeterminado se establece en 0,65 y 0,85. Pero con 0 y 1, no funciona correctamente. Entre 0 y 100 esta funcionando
Código de Trabajo con rango entre 0 y 100
$(function () { $("#slider-range").slider({ range: true, min: 0, max: 100, values: [65,85], slide: function (event, ui) { $("#min-val").val(ui.values[0]); $("#max-val").val(ui.values[1]); } }); $("#min-val").val(($("#slider-range").slider("values", 0))); $("#max-val").val(($("#slider-range").slider("values", 1)));Código para entre 0 y 1 (no funciona)
$(function () { $("#slider-range").slider({ range: true, min: 0, max: 1, values: [0.65, 0.75], slide: function (event, ui) { $("#min-val").val(ui.values[0]); $("#max-val").val(ui.values[1]); } }); $("#min-val").val(($("#slider-range").slider("values", 0))); $("#max-val").val(($("#slider-range").slider("values", 1)));Gracias por adelantado
No usaste la propiedad de step . Una vez agregado, funciona bien:
$(function () { $("#slider-range").slider({ range: true, min: 0, max: 1, values: [.65,.85], step: .05, slide: function (event, ui) { $("#min-val").val(ui.values[0]); $("#max-val").val(ui.values[1]); } }); $("#min-val").val(($("#slider-range").slider("values", 0))); $("#max-val").val(($("#slider-range").slider("values", 1))); }); <link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script> <div id="slider-range"></div>