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()就可以了。

jquery滑块未按预期工作

1 个答案: