为滑块赋予价值

Question

嗨，我不得不说，这不是我的代码..别人做了它，现在我很失败，试图找出如何给三个滑块赋值。 我不想要一个默认值，我希望每个滑块都能从中获取它：value =“@ getValueForThisSlider（o._1.getId）”，您可以在HTML中看到每个滑块都有不同的方法，我找不到任何解决方案来展现正确的价值。请帮助！谢谢！

JS：

$(".rating .slider").each(function() { 
      $(this).empty().slider({ 
       range: "min", 
       value: ?? 
       step: 0.1, 
       min: 1, 
       max: 10, 
       slide: function (event, ui) { 
        $(this).parent().find(".amount").val(ui.value); 
       } 
      }); 
      $(this).parent().find(".amount").html($(this).slider("value")); 
     });  

HTML：

<div class="field field-wrapper-rating" name="changes-values" id="change-values" style="display: none;"> 
    <div class="rating rating-price"> PriceQuality <span name="priceQuality" id="priceQuality" class="amount" value="@getPriceQuality(o._1.getId)"></span> 
    <div id="slider-kwaliteit" class="slider" name="priceQuality"></div> 
    </div> 

    <div class="rating rating-hygiene"> Hygiene <span name="hygiene" id="hygiene" class="amount"></span> 
    <div id="slider-hygiene" class="slider" name="hygiene"></div> 
    </div> 

    <div class="rating rating-service"> Service <span name="service" id="service" class="amount"></span> 
    <div id="slider-service" class="slider" name="service" value="@getService(o._1.getId)"></div> 
    </div> 

Answer 1

貌似slider元素具有value属性然后

$(".rating .slider").each(function() { 
    var $this = $(this), 
     $amount = $this.parent().find(".amount"); 
    $this.empty().slider({ 
     range: "min", 
     value: $this.attr('value'), 
     step: 0.1, 
     min: 1, 
     max: 10, 
     slide: function (event, ui) { 
      $amount.val(ui.value); 
     } 
    }); 
    $amount.html($this.slider("value")); 
}); 

演示：Fiddle