1

API ドキュメントを読みましたが、すべてが数値を参照しています

http://api.jqueryui.com/slider/

たとえば、1 月から 12 月までスライダーを非数値にすることはできますか?どうすればこれを行うことができますか?

4

1 に答える 1

5

ここでこれが機能するのを見てjsfiddleください。 

$(function () {
    var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
    $('#slider').slider({
        min: 0,
        max: 11,
        step: 1,
        create: function (event, ui) {
            $('#selectedMonth').text(months[0]);
        },
        slide: function (event, ui) {
            $('#selectedMonth').text(months[ui.value]);
        }
    });
});

月の例に関しては、配列を作成する簡単な方法です。slideイベントを使用すると、値を使用して配列の要素を簡単にui.value選択できます。月がない (>12) 選択を許可しない場合は、maxオプションを使用して 11 に設定しますmin。配列はインデックス 0 から始まるため、もちろん 0 です。

ユーザーが最初にスライダーを使用する 1 か月前にスパンcreateを埋めるイベントを追加しました。selectedMonth

完全を期すために、ドキュメントは次を参照しています。

于 2013-06-15T13:05:33.010 に答える