在jQuery UI滑块

时间:2016-01-07 07:38:27

标签: javascript jquery jquery-ui

我试图在jQuery UI滑块的乘法值上应用toFixed,如下所示:

jQuery( "#width-amount-english" ).val(  jQuery( ".width-slider-range" ).slider( "values", 0 ) * 0.393701.toFixed(2) + "in - " + jQuery( ".width-slider-range" ).slider( "values", 1 ) * 0.393701.toFixed(2) +" in" );

问题是toFixed仅适用于乘数而不是整个乘法值。 我试图添加更多括号,如slider(( "values", 1 ) * 0.393701).toFixed(2)和其他地方,但后来我开始出现错误,如“toFixed不是一个函数”等。

toFixed(2)应用于整个计算的滑块值的正确方法/语法是什么?

编辑:这是完整代码块的示例:

     jQuery( ".width-slider-range" ).slider({
      range: true,
            step: 0.01,
            min: 0,
            max: 40.00,
            values: [ 8.38, 
                        24.91 
                            ],

            slide: function( event, ui ) {  
                jQuery( "#width-amount-metric" ).val( ui.values[ 0 ] + " cm - " + ui.values[ 1 ] +"cm");
                jQuery( "#width-amount-english" ).val( (ui.values[ 0 ] * 0.393701).toFixed(2) + " in - " + (ui.values[ 1 ] * 0.393701).toFixed(2) +"in");
            },
            stop: function( event, ui ) {
                jQuery(".width-slider-range").trigger( "dblclick" );
            }
 });
jQuery( "#width-amount-metric" ).val(  jQuery( ".width-slider-range" ).slider( "values", 0 ) + "cm - " + jQuery( ".width-slider-range" ).slider( "values", 1 )+"cm" );
jQuery( "#width-amount-english" ).val(  jQuery( ".width-slider-range" ).slider( "values", 0 ) * 0.393701.toFixed(2) + "in - " + jQuery( ".width-slider-range" ).slider( "values", 1 ) * 0.393701.toFixed(2) +" in" );

1 个答案:

答案 0 :(得分:2)

  

slider =>获取值参考:http://api.jqueryui.com/slider/#option-values

var values = $( ".selector" ).slider( "option", "values" );

假设您有多个值,请尝试以下方法:

jQuery("#width-amount-english").val((jQuery(".width-slider-range").slider("option","values")[0] * 0.393701).toFixed(2) + "in - " + (jQuery(".width-slider-range").slider("option","values")[1] * 0.393701).toFixed(2) + " in");