Festlegen des Anfangswerts für den Jquery-UI-Schieberegler aus einer Eingabe



Answers

das scheint zu funktionieren

$(".slider").each(function(){
    $(this).slider({
    min: 0,
    max: 5,
    step: 0.25,
    slide: function (event, ui) {
        $(this).parent().find(".inputNumber").val(ui.value);
    }
}).slider( "option", "value", $(this).parent().find(".inputNumber").val() );
});

GEIGE

Question

Ich versuche, einen Schieberegler-Code zu verallgemeinern, so dass er mit ein paar Kombinationen aus Eingabe + Schieberegler funktioniert.

Ich habe alles im Wesentlichen funktioniert - schieben Sie den Schieberegler, der Eingabewert aktualisiert oder geben Sie eine Zahl in den Eingang, der Schieberegler bewegt sich an die richtige Stelle.

Ich habe jedoch Probleme beim Initialisieren der Schieberegler von den Standardwerten der Eingänge. So sieht mein Code aus:

Javascript

$(".slider").slider({
        min: 0,
        max: 5,
        value: $(this).parent().find(".inputNumber").val(),
        step: 0.25,
        slide: function (event, ui) {
            $(this).parent().find(".inputNumber").val(ui.value);
        }
    });

HTML

    <div class="inputWrap hidden">
    <input class="mini inputNumber" type="text" value="0.5">
    <div class="slider"></div>
    </div>





Links