爲滑塊賦予價值

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