Question

我正在使用jquery UI的滑块，我想从多个滑块返回结果，以便我可以执行计算。

这是我到目前为止所做的，但我很难从功能中获得任何结果。

$(function() {
  var x
  $("#slider4").slider({
      value: 1,
      min: 0,
      max: 50,
      step: 5,
      slide: function(event, ui) {
          $("#items").val("$" + ui.value);
          x =$("#items").val("$" + ui.value);
      }

  });
  $("#items").val("$" + $("#slider4").slider("value"));
  console.log(x) // this doesnt update the console with the slider value
 });

理想情况下，在函数之外我想添加类似于下面的多个滑块结果。

var z = x * y;

Answer 1

要在slide处理程序之外获取滑块的值，您可以检索#items的值（当您在slide处理程序中更新时）：

var sliderValue = $('#items').val();

或者您可以直接从slider()读取值：

var sliderValue = $('#slier4').slider('option', 'value');

另外，请注意，在设置val()：

时，您无需附加空字符串

$("#slider4").slider({
    value: 1,
    min: 0,
    max: 50,
    step: 5,
    slide: function(event, ui) {
        $("#items").val(ui.value);
    }
});

Answer 2

该值不会神奇地继续更新文本框，您需要编写在滑块值更改时更新值的代码。所以添加change event

change: function( event, ui ) { $("#items").val(ui.value); }

无法使用jquery返回结果

2 个答案: