抱歉,如果我的主题不是特别的话。 无论如何我的代码有问题,有时它返回0而我不知道为什么? 我尝试了很多方法而没有回报。
一些细节:
它在400-1000之间返回0
第二点没有问题
第一点的问题
我的意思是'点'那点我可以左右移动
代码:
HTML:
<div id="slider-range-ow-duo"></div>
JS:
var rangeSliderOwD = document.getElementById('slider-range-ow-duo');
noUiSlider.create(rangeSliderOwD, {
start: [1, 3500],
step: 100,
range: {
'min': [1],
'max': [3500]
},
connect: true
});
rangeSliderOwD.noUiSlider.on('update', function( values, handle ) {
var result = 0;
var count = 0;
rangeSliderOwD.value = values[handle];
for(var i=values[0];i<=values[1];i++){
for(var j=0;j<globalPriceList.length;j++){
if((i >= globalPriceList[j][0])&&(i < globalPriceList[j][1])){
result+=globalPriceList[j][2];
}
}
}
result=result*1.5;
$("#f-sr").text(parseInt(values[0]));
$("#t-sr").text(parseInt(values[1]));
$("#pric1").text("Price: " + Math.round(result)+ "$");
var value = values[0];
if((value>=1)&&(value<=1499)){
$('#sr-f').attr('src','images/bronze.png');
}
if((value>=1500)&&(value<=1999)){
$('#sr-f').attr('src','images/silver.png');
}
if((value>=2000)&&(value<=2499)){
$('#sr-f').attr('src','images/gold.png');
}
if((value>=2500)&&(value<=2999)){
$('#sr-f').attr('src','images/platinum.png');
}
if((value>=3000)&&(value<=3499)){
$('#sr-f').attr('src','images/diamond.png');
}
if((value>=3500)&&(value<=3999)){
$('#sr-f').attr('src','images/master.png');
}
if((value>=4000)&&(value<4350)){
$('#sr-f').attr('src','images/grandmaster.png');
}
var value = values[1];
if((value>=1)&&(value<=1499)){
$('#sr-t').attr('src','images/bronze.png');
}
if((value>=1500)&&(value<=1999)){
$('#sr-t').attr('src','images/silver.png');
}
if((value>=2000)&&(value<=2499)){
$('#sr-t').attr('src','images/gold.png');
}
if((value>=2500)&&(value<=2999)){
$('#sr-t').attr('src','images/platinum.png');
}
if((value>=3000)&&(value<=3499)){
$('#sr-t').attr('src','images/diamond.png');
}
if((value>=3500)&&(value<=3999)){
$('#sr-t').attr('src','images/master.png');
}
if((value>=4000)&&(value<4350)){
$('#sr-t').attr('src','images/grandmaster.png');
}
});
GIF显示了问题: Click Here