/ / Como obter valor do controle deslizante jquery em cada alteração? - javascript, jquery, html, jquery-ui

Como obter valor do controle deslizante jquery em cada alteração? - javascript, jquery, html, jquery-ui

Eu tenho um problema com o valor do controle deslizante jquery depois de alterá-lo. Eu estou usando apenas jquery UI normal (versão 1.10.4) e jquery core 1.7.2

Primeira vez após a atualização eu tenho um valor que eu quero. Mas após a mudança eu não posso obtê-lo. E eu preciso disso para ter um statemnet se que irá alterar um valor do parágrafo.

Este é um código JQuery:

$(function() {
$( "#slider" ).slider({
range:"min",
min: 0,
max: 100,
value: 10,
slide: function wynik( event, ui ) {
$( "#price" ).val("$" + ui.value);
}
});
$( "#price" ).val( "$" + $( "#slider" ).slider( "value") );
var val = $("#slider").slider("value");
if ( val >= 20 ) {
$("#priceText").text("first text");
} else {
$("#priceText").text("second text");
}
});

O que está errado aqui?

Eu quero mudar um texto no rótulo:

<p>
<input type="text" id="price">
<label id="priceText" for="price">Some text to change</label>
</p>

Entrada funcionando corretamente e mostrar o valor o tempo todo no caminho certo. Mas o rótulo não muda (apenas na primeira vez após a atualização).

Eu li um monte de posts no SO antes de postar este. Por exemplo: Como obter valor do controle deslizante da interface do usuário do jQuery? ou Como obter valor de entrada com valor alterado dinamicamente pelo controle deslizante da interface do usuário do jquery? Mas eu não posso fazê-lo de qualquer maneira.

Respostas:

2 para resposta № 1

Você pode tentar isto:

$("#selector").change(function() {
$("#slider-range").slider("values",0,$(this).val());
});

Violino de trabalho


0 para resposta № 2

JQuery Slider emitir um evento "slidechange" toda vez que mudar o valor

Lembre-se, ele deve ser ouvido no elemento jQuery depois de você ter registrado o evento no próprio elemento

$( "#slider" ).slider({
change: function( event, ui ) {
// register event here
}
});

$( "#slider" ).on( "slidechange", function( event, ui ) {
// use ui.value to get the current value
} );

Verifique o wiki oficial da API para todos os eventos relacionados ao slider

Slider Oficial Api