-1

jquery UI スライダーを使用していますが、正常に動作しています。しかし、ページを更新すると、スライダーは選択した値を保持するのではなく、デフォルト値に戻ります。この問題を解決するのを手伝ってください。

Javascript:

 var selected = $( "#selectedValue" ).html();

    $("#valueSlider").slider({
        min: 0,
        max: 100,
        range: "min",
        slide: function( event, ui ) {
            $('#selectedValue').html(ui.value);
            selected = ui.value;
        },
        value: selected,
    });
    $('#selectedValue').html($( "#valueSlider" ).slider( "value" ));

HTML:

<div class="valueSliderContainer">
                <label>
                    Value: <span id="selectedValue">45</span>                                           
                    <div id="valueSlider"></div>
                </label>
</div>
4

1 に答える 1

1

選択した値を、Cookie などのクライアント側ストレージなどのストレージに配置しない限り、スライダーはデフォルト値に戻されます。（それがさわやかなことです）

Cookie の使用と値の設定については、こちらが優れたチュートリアルです。

http://www.w3schools.com/js/js_cookies.asp

于 2012-12-10T16:17:12.157 に答える