javascript - 如果站点上存在多个 slider ，则显示 Jquery UI slider 的值

Question

我正在构建一个表单，其中包含不同的 input type="range" slider ，我设法让它们显示一个值。

但是当我包括多个 slider 时，这些值实际上并没有单独改变。我希望他们每个人都为自己改变。

最后，我希望至少有 10 个范围 slider 。有什么建议么？这是 fiddle :

http://jsfiddle.net/MfegM/1153/

提前感谢您提供的任何提示。

这是我用于显示值的代码: var 初始值 = 50;

  var sliderTooltip = function(event, ui) {
      var curValue = ui.value || initialValue;
      var tooltip = '<div class="tooltip237"><div class="tooltip237-inner">' + curValue + '</div><div class="tooltip237-arrow"></div></div>';

      $('.ui-slider-handle').html(tooltip);

  }

  $("#slidercomeagain").slider({
      value: initialValue,
      min: 0,
      max: 100,
      step: 1,
      create: sliderTooltip,
      slide: sliderTooltip
  });


  $("#sliderrecommendation").slider({
      value: initialValue,
      min: 0,
      max: 100,
      step: 1,
      create: sliderTooltip,
      slide: sliderTooltip
  });

Answer 1

这是您的解决方案 - http://jsfiddle.net/MfegM/1155/您需要将工具提示的功能与 slider 连接

$(this).children('.ui-slider-handle').html(tooltip);

由于您的函数已经接受了 (event, ui)，您只需添加 $(this) 将结果与触发事件的 slider 相关联