2009-04-14 8 views
1

Ich habe ein jQuery Slider, und ich versuche, es dynamischer zu machen, indem das Hinzufügen drei Eingabefelder:Update-Optionen auf jQuery slider via Formular

min

max

Schritt

Ich möchte diese Felder übernehmen und dann onblur meine Slider-Optionen aktualisieren. Ich habe gelesen, dass Sie Optionen wie folgt einstellen:

$('.selector').slider('option', 'max', 7); 

Und das gleiche für min, Schnitt, etc. zusammen mit den anderen Optionen.

Ich habe gestern versucht, mit ihm zu spielen, aber ich bin mir nicht sicher, wie ich es zu aktualisieren bekommen. Ich benutze ein Formular ohne Submit-Button, also ändere einfach die Unschärfe.

Ich weiß, ich würde die .val() des Eingangs bekommen und legen Sie es auf eine Variable wäre es dann:

$('.selector').slider('option', 'max', var_here); 

Irgendwelche Gedanken?

Antwort

0

Probieren Sie etwas wie dies mit der Annahme, dass Ihr min Eingang eine ID von 'min'

$('#min').blur(function() { 
    var newMin = parseInt($(this).val()); 
    $('.selector').slider('option', 'min', newMin); 
}); 
hat