Jquery ui jquery滑块未按预期工作
我有下面的滑块Jquery ui jquery滑块未按预期工作,jquery-ui,slider,Jquery Ui,Slider,我有下面的滑块 $( "#slider-min-bw" ).slider({ range: true, min: $("#BwLowerHidden").val(), max: $("#BwUpperHidden").val(), values: [ $("#BwLowerHidden").val(), $("#BwUpperHidden").val() ], slide:
$( "#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 ) );
第一个片段中可能有什么错误?如本文所述
http://stackoverflow.com/questions/13213054/jquery-slider-ui-not-sliding
该值应该是一个数字
使用parseInt()