jquery - インチを使用したjqueryuiスライダー

Question

インチ付きのJqueryUIスライダーを使用する必要があります。

スライダーを標準の数値（例：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/