Javascript 如何在每次更改时从jquery滑块获取值？

更改jquery滑块值后，我发现它有问题。 我只是使用普通的jQueryUI（版本1.10.4）和jQueryCore1.7.2

第一次刷新后，我有一个我想要的值。但是换了之后我就没办法了。我需要一个if语句，它会改变段落的值

这是一个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");
    }
});

这里怎么了

我想更改标签中的文本：

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

一些文本需要更改

输入正确，并始终以正确的方式显示值。但标签不会更改（仅在刷新后第一次更改）

在我发布这篇文章之前，我已经阅读了很多文章。例如： 或 但我无论如何都做不成

Jquery滑块每次更改值时都会发出一个“slidechange”事件

记住，在jQuery元素本身中注册事件之后，应该在该元素上侦听它

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

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

检查官方api wiki中所有与滑块相关的事件

Jquery滑块每次更改值时都会发出一个“slidechange”事件

记住，在jQuery元素本身中注册事件之后，应该在该元素上侦听它

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

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

检查官方api wiki中所有与滑块相关的事件

您可以尝试以下方法：

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

您可以尝试以下方法：

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

---

好的。这很有帮助，但我还是不明白。除了值，它仍然只给我对象形式和警报不起作用<代码>更改：函数（事件，ui）{$（“#price”）.val（ui.value）}

$（“#slider”）.on（“slidechange”，函数（事件，ui）{var val2=$（“#price”）.val（ui.value）；if（val2>10）{alert（“working”）}else{alert（“notworking”）}

使用.val（…）从技术上讲，您是在为幻灯片设置值，此方法不返回任何内容，因此表达式val2>10始终为false。检查val2值，控制台日志应该显示它是未定义的。这很有帮助，但我还是不明白。除了值，它仍然只给我对象形式和警报不起作用<代码>更改：函数（事件，ui）{$（“#price”）.val（ui.value）}

$（“#slider”）.on（“slidechange”，函数（事件，ui）{var val2=$（“#price”）.val（ui.value）；if（val2>10）{alert（“working”）}else{alert（“notworking”）}

使用.val（…）从技术上讲，您是在为幻灯片设置值，此方法不返回任何内容，因此表达式val2>10始终为false。检查val2值，控制台日志应显示该值未定义