JQuery noUiSlider值返回0

时间:2018-03-18 17:52:18

标签: javascript jquery nouislider

抱歉,如果我的主题不是特别的话。 无论如何我的代码有问题,有时它返回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

0 个答案:

没有答案