jquery - 如何访问 jQuery UI 滑块位置进行计算？

Question

我有两个滑块，一个是要借的现金数量，一个是借来的天数。除了正确的利息计算之外，我似乎无法在函数内进行任何类型的计算而不破坏一切。

这是一个显示滑块的工作版本的小提琴，但没有计算。在 JS 的底部是我试图做的一个注释掉的版本。

http://jsfiddle.net/P7TTa/4/

<script>
$(function() {
    // setup cash
    $( "#cashSlider" ).slider({
        orientation: "horizontal",
        range: "max",
        min: 10,
        max: 250,
        value: 40,
        step: 1,
        animate: true,
        slide: function( event, ui ) {
            $( "#cash" ).val( ui.value );
        }
    });

    // setup days
    $( "#daysSlider" ).slider({
        orientation: "horizontal",
        range: "max",
        min: 1,
        max: 30,
        value: 7,
        step: 1,
        animate: true,
        slide: function( event, ui ) {
            $( "#days" ).val( ui.value );
        }
    });

    $( "#cash" ).val( $( "#cashSlider" ).slider( "value" ) );
    $( "#days" ).val( $( "#daysSlider" ).slider( "value" ) );
});
</script>

任何帮助将不胜感激！

Answer 1

在每个slide函数中，调用一个计算利息的函数。

...
animate: true,
slide: function( event, ui ) {
        $( "#days" ).val( ui.value );
        $( "#result" ).val(computeInterest());
    }
...

function computeInterest(){
    if(typeof $("#days") != undefined && typeof $("#cash") != undefined){
        var result = //some computing...
        return result;
    }
    return 0;
}