jquery UI-slider-min - /max-Werte

Question

HALLO Leute ich habe eine einfache Frage.Kann ich text min - /max-Werte für jquery ui-slider und beim scrollen erscheinen Ziffern? Hier ist beispielsweise der linke regler für max Wert hat "kein limit" und wenn Sie einen Bildlauf es erscheinen die Ziffern.

Answer 1

Sie suchen den Range Slider. Ich hoffe die Range Slider Demo hilft. Die min- und maximalen Werte können während der Initialisierung des Schiebereglers eingestellt werden.

BearbeitetEntschuldigung für das Missverständnis der Frage. Wenn Sie sich den Quellcode der ansehen Demo Sie sehen ein kleines Skript, das die Werte des Elements '#Amount' ändert, wenn die Schieberegelwerte geändert werden

Hier ist das Skript:

slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
        }

Sie können dies ändern, um Zeichenwerte anzuzeigen.

slide: function( event, ui ) {
            if (ui.values[0] == <min_value>) {
                 $( "#amount" ).val( "Min Limit" + " - $" + ui.values[ 1 ] );
            }
        }

Sie können dieses Skript nach Ihren Anforderungen ändern

Notiz: Ich habe das nicht getestet.

Answer 2

Ja, wir können set min-max

$("#slider").slider({
    range: "max",
    min: 0, // min value
    max: 200, // max value
    step: 0.1,
    value: 200, // default value of slider
    slide: function(event, ui) {
        $("#amount").val(ui.value);
    }
});​

Answer 3

Zerstören Sie den Schieberegler ersten, die entfernt den Schieberegler Funktionalität komplett.Dies wird das element zurückgegeben werden zurück zu Ihrem pre-init-state.

$("#selector").slider("destroy");

Danach können Sie neue Werte für die Schieberegler so,

$("#selector").slider({
range: "max",
min: 0, // min value
max: 200, // max value
step: 0.1,
value: 200, // default value of slider
slide: function(event, ui) {
    $("#amount").val(ui.value);
}

});​

Das funktioniert.