jquery ui使用英寸滑块

enter image description here jquery ui使用英寸滑块

我需要使用英寸的JQuery UI滑块。

我知道如何让滑块使用标准数字，例如：0到100，但我不知道如何让英寸工作。

我假设需要一个额外的计算 - 也许。

任何关于如何让这个工作的建议？

2012-08-31 Adam

如果你在计数英寸，为什么你不能把它们作为“标准号”？只需以英寸计算并除以12即可获得足部等 –

检查此问题和解决方案：http://stackoverflow.com/questions/11906088/jquery-ui-slider-with-scaled-ruler-as-height-选择器这里有一个很好的jsFiddle解决方案：http://jsfiddle.net/cpPFC/ –

这里的东西应该让你开始：

function toFeet(n) { 
    return Math.floor(n/12) + "'" + (n % 12) + '"'; 
} 

$(function() { 
    $("#slider").slider({ 
     min: 55, 
     max: 85, 
     values: [60, 80], 
     range: true, 
     slide: function(event, ui) { 
      // ui.values[0] and ui.values[1] are the slider handle values. 
      $("#result .min").html(toFeet(ui.values[0])); 
      $("#result .max").html(toFeet(ui.values[1])); 
     } 
    }); 
});

所有你需要做的是翻译的滑块的最小值和最大值为英寸。滑动滑块时，可以通过执行简单转换来显示英尺和英寸（此处在toFeet方法中实现）。

例子：http://jsfiddle.net/andrewwhitaker/4extL/57/

来源

2012-08-31 12:59:23

jquery ui使用英寸滑块

回答

相关问题