如何访问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;
}