Binden möchten ein Eingabefeld, um eine jquery-ui-slider-handle

Ich soll binden ein Eingabefeld, um die jquery-ui-slider-handle. Also immer dann, wenn ein Wert ändert, will ich die anderen Werte auch ändern. Ex: wenn jemand 1000 Arten in den minimalen Wert Eingabefeld möchte ich den unteren Anfasser zu bewegen, um die 1000 mark. Auch wenn der Benutzer den unteren Anfasser 1000 das Eingabefeld sollte das widerspiegeln.

Machen Sie den Schieberegler spiegeln die änderungen im Eingabefeld ist einfach:

$(minYearInput).blur(function () {
    $("#yearSlider").slider("values", 0, parseInt($(this).val()));
});
$(maxYearInput).blur(function () {   
    $("#yearSlider").slider("values", 1, parseInt($(this).val()));
});

Brauche ich nur beitragen, dass die text-Felder imitieren Sie den Schieberegler.

$("#yearSlider").slider({
    range: true,
    min: 1994,
    max: 2011,
    step: 1,
    values: [ 1994 , 2011 ],
    slide: function(event, ui) {
        //what goes here?
    }
});

Irgendwelche Ideen?

Eine ähnliche Frage von dieser Seite: Jquery UI-Slider - Input-Wert und Regler Verschieben, um die Lage

InformationsquelleAutor BFTrick | 2010-05-18
  1. 3

    Nehmen Sie einen sorgfältigen Blick auf den Beispiel-code auf JQuery UI-die Seite über den bereichsschieberegler.

    Können Sie auf die Werte, die der regler hat durch die ui-Objekte.
    wie:

    function(event, ui) {
    //what goes here?
    $(minyearInput).val(ui.values[0]);
    $(maxyearInput).val(ui.values[1]);
}
    InformationsquelleAutor Jon W
Schreibe einen Kommentar