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?

Schreibe einen Kommentar