jQuery UI Slider logarithmische Skala
Ich bin mit diesem jQuery-UI-code verwenden für eine logarithmische regler:
var minVal = 10;
var maxVal = 100;
$("#slider").slider({
range: true,
min: minVal,
max: maxVal / 2,
values: [minVal, maxVal],
slide: function(event, ui) {
$("#amount_min").val(Number(expon(ui.values[0], minVal, maxVal)).toFixed(0));
$("#amount_max").val(Number(expon(ui.values[1], minVal, maxVal)).toFixed(0));
}
});
Den expon
Funktion:
function expon(val, min,max) {
var minv = Math.log(min);
var maxv = Math.log(max);
max = max / 2;
//calculate adjustment factor
var scale = (maxv - minv) / (max - min);
return Math.exp(minv + scale * (val - min));
}
#amount_min
und #amount_max
sind HTML-input-Elemente. Der obige code funktioniert Prima, um Werte aus dem regler, und legen Sie Sie auf die input-Elemente.
Aber jetzt brauche ich die Funktion gegenüber expon()
— ändern Sie den Schieberegler, wenn ich ändern Sie die Werte der Eingänge. Kann jemand mir helfen mit diesem?
- haben Sie jemals herausfinden?
- ja :)... habe es funktioniert
- möglich, Duplikat der JQuery UI Slider mit Non-lineare/Exponentielle/Logarithmische Schritte
InformationsquelleAutor Taras Bulgakov | 2011-11-06
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich hier die Lösung gefunden: Logarithmische regler
Ich habe Ihre sehr hilfreichen code für ein Projekt... das ist was ich habe:
Ich dann meine Position Schieberegler, mit diesem code:
Ich hoffe, dass das klappt 🙂
Dies ist, was ich getan habe: