jquery滑块没有按预期工作。

Question

我有下面的滑块

$( "#slider-min-bw" ).slider({
            range: true,
            min: $("#BwLowerHidden").val(),
            max: $("#BwUpperHidden").val(), 
            values: [ $("#BwLowerHidden").val(), $("#BwUpperHidden").val() ],
            slide: function( event, ui ) {
            $( "#slider-min-bw-range" ).val(ui.values[ 0 ] + "-" + ui.values[ 1 ] );
            }
            });
        $( "#slider-min-bw-range" ).val(  $( "#slider-min-bw" ).slider( "values", 0 ) + "-" + $( "#slider-min-bw" ).slider( "values", 1 ) );

当我警觉的时候，

    alert($("#BwLowerHidden").val());
    alert($("#BwUpperHidden").val());

我得到的值为2和10000。但是在UI上，我只得到一个处理程序，范围似乎是2-2，而不是2-10000。但与此同时，另一个滑块，像下面，完美地工作，如预期。

$( "#slider-min-dist" ).slider({
        range: true,
        min: $("#DistLowerHidden").val(),
        max: $("#DistUpperHidden").val(),
        values: [ $("#DistLowerHidden").val(), $("#DistUpperHidden").val() ],
        slide: function( event, ui ) {
        $( "#slider-min-dist-range" ).val(ui.values[ 0 ] + "-" + ui.values[ 1 ] );
        }
        });
        $( "#slider-min-dist-range" ).val(  $( "#slider-min-dist" ).slider( "values", 0 ) +"-" + $( "#slider-min-dist" ).slider( "values", 1 ) );

第一个片段可能有什么问题？

Answer 1

正如这篇文章所建议的，

http://stackoverflow.com/questions/13213054/jquery-slider-ui-not-sliding

这个值应该是一个数字。

使用parseInt()就能做到这一点。