javascript - 无法使用jquery返回结果

Question

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

这是我到目前为止所拥有的，但我正在努力从函数外部获得任何结果。

$(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
 });

理想情况下，在函数之外，我希望添加多个 slider 结果，类似于下面的内容。

var z = x * y;

Answer 1

获取 slide 之外的 slider 值处理程序，您可以检索 #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);
    }
});