使用英寸jQuery UI的滑块(jquery ui slider using Inches)

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

我知道如何让滑块与标准数字如工作：0至100，但我不知道怎么去英寸上班。

我认为需要一个额外的计算 - 说不定。

如何完成这一个工作有什么建议？

Answer 1:

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

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/

文章来源: jquery ui slider using Inches