jQueryUI Sliderで幅のセットをカスタムしたい。

Question

カスタムデータセットをjQueryUI Sliderと一緒に使えないでしょうか?
時間性で部屋を貸しているサイトがあり、[ 2, 4, 6, 8, 10, 12, free ]という時間になっています。

12の後から、"free"の文字列を入れるのが問題です。

リストの末尾にfreeを加えるにはどうすればいいでしょうか?

Answer 1

カスタムサイズに関してなら、ラベル用の配列を別に使ってみてはどうでしょうか?

var sizes = ["2","4","8","10","12","free"];
$("#slider-size .slider").slider({
    min: 2,
    max: sizes.length - 1,
    step: 1,
    slide: function(event, ui) {
        $(".rsize").text(sizes[ui.value]);
    }
});

サイズを追加したり減らす場合は、sizes配列を変更するだけでOKです。