如何使多個標籤出現在JQuery範圍滑塊？

Question

我想弄清楚如何讓滑塊說兩個單獨的東西。我希望滑塊上方的輸入可以用20美元的1.25美元來表示美元數量（介於20和45之間） - 但我希望實際句柄只能說出單個整數的答案，如1..2..3..4 ..一直到20，所以第一個位置會讀取句柄（1）和上面的（20美元），滑塊的第二步將讀取（2）滑塊圓和（21.25美元）。

下面是到目前爲止我的代碼：

$(function() { 

    $("#slider").slider({ 
     value: 0, 
     min: 20, 
     max: 45, 
     step: (1.25), 
     slide: function(event, ui) { 
      var id = $(this).attr("id"); 
      $("span[class*=" + id + "]").text(ui.value); 
      $("input[class*=" + id + "]").val(ui.value); 
      $("#amount").val("$" + ui.value); 
     } 
    }); 

    $("#amount").val("$" + $("#slider").slider("value").toFixed(2));  
}); 

Answer 1

我認爲這是你在找什麼...檢查小提琴：

http://jsfiddle.net/rx4cm4q7/4/

$(function() { 

    $("#slider").slider({ 

     value: 0, 
     min: 20, 
     max: 45, 
     step: (1.25), 

     slide: function (event, ui) { 
      console.log(ui); 
      var id = $(this).attr("id"); 
      var x = (ui.value - 20)/1.25; 
      console.log(x); 
      $("#amount").html("$" + ui.value); 
      $("#step").html("<B>" +x+"</b>"); 
     } 
    }); 

});