0

私はこのデモに取り組んでいます: www.datesitesfree.com.au

スライダーの下に 18 と 99 の 2 つの数字があります...

範囲スライダー (2 つの可動部分) が必要で、最小値は 18 値を更新する必要があり、最大値は 99 値を更新する必要があります。例:

ここに画像の説明を入力

2つの可動部分を取得する方法と、2つの値を個別に更新する方法についてアドバイスはありますか?

現在の HTML は次のとおりです。

    <h2 class="demoHeaders">Slider</h2>
    <div id="slider"></div>
    </br></br>
    <span id="minAge">18</span>
    </br></br>
    <span id="maxAge">99</span>

そして、これが現在の JQUERY です。

            $('#slider').slider({
                min: 18,
                max: 99,
                change: function(event, ui) {
                    $('span#minAge').html(ui.value);
                }
            });

どうも

4

1 に答える 1

1

ダブルスライダーを使用するには、範囲をtrueに設定し、値を[start、end]に設定する必要があります。

だからあなたのコードのために：

            $('#slider').slider({
                range: true,
                min: 18,
                max: 99,
                values: [18, 99],
                change: function(event, ui) {
                    $('span#minAge').html(ui.values[0]);
                    $('span#maxAge').html(ui.values[1]);
                }
            });
于 2012-08-30T15:09:22.437 に答える