Обновление значения ползунка jquery-ui из кода - PullRequest
Новая
       13

Обновление значения ползунка jquery-ui из кода

4 голосов
/ 26 мая 2011

У меня проблема с обновлением значения слайдера из кода.я пробовал 

$('#slider').slider('value', newValue);
$('#slider').val(newValue).slider();
$('#slider').val(newValue).slider('refresh');

и ничего не получилось

любые другие предложения

Ответы [ 3 ]

8 голосов
/ 26 мая 2011

вот пример кода

Определяет значение ползунка, если есть только одна ручка. Если там есть более чем одна ручка, определяет значение первого дескриптора.

Примеры кода 

Initialize a slider with the value option specified.
$( ".selector" ).slider({ value: 37 });
Get or set the value option, after init.
//getter
var value = $( ".selector" ).slider( "option", "value" );
//setter
$( ".selector" ).slider( "option", "value", 37 );
1 голос
/ 03 июля 2016 
<html>
<input type="text" id="amount">
<input type="text" id="amount2">
<div id="slider-range"></div>
</html>

_ 

<script>
$(function() {
$( "#slider-range" ).slider({
    range: true,
    min: 0,
    max: 217,
    values: [ 0, 217 ],
    slide: function( event, ui ) {
        $( "#amount" ).val( ui.values[ 0 ] );
        $( "#amount2" ).val( ui.values[ 1 ] );
    }
});

$("#amount").change(function() {
    $("#slider-range").slider('values',0,$(this).val());
});
$("#amount2").change(function() {
    $("#slider-range").slider('values',1,$(this).val());
});

});
</script>

https://jsfiddle.net/brhuman/uvx6pdc1/

0 голосов
/ 31 октября 2014

Просто вызовите showSlider (), который был в файле slider.js, куда бы вы ни захотели.Это автоматически обновится.

...