javascript - if else 无法获得正确的返回值

Question

我正在使用滑动比例获取值并返回输入框。

我正在检查 else if 条件， 函数返回值第一次输出正确的 Ui.value = 10 ，但第二次显示滑动刻度值

如何检查状况？

$("#sliders #slider-range-min").slider({
      range: "min",
      value: 0,
      min: 0,
      max: 5500,
      slide: function(event, ui) {
         if (ui.value >= '1' && ui.value <= '1000' ) {
           ui.value = 10;
         }      
         else if (ui.value >= '10001' && ui.value <= '24999' ) {
            ui.value = 25;
           //console.log(ui.value);
         }
         else if (ui.value >= '25000' && ui.value <= '54999' ) {
            ui.value = 50;
         }
         else if (ui.value >= '55000') {
            ui.value = 100;
         }
         console.log(ui.value);
         return $("#sliders #amount3").val("$" + ui.value);
      }
});

Answer 1

这里我得到了解决方案...

使用下面的代码

$("#sliders #slider-range-min").slider({
      range: "min",
      value: 0,
      min: 0,
      max: 5500,
      slide: function(event, ui) {
      if (ui.value >= '1' && ui.value <= '1000' ) {
        ui.value = 10;
      }      
      //else if (ui.value >= '10001' && ui.value <= '24999' ) {
      else if (ui.value >= '1001' && ui.value <= '2499' ) { // 
        ui.value = 25;
        //console.log(ui.value);
      }
      //else if (ui.value >= '25000' && ui.value <= '54999' ) {
      else if (ui.value >= '2500' && ui.value <= '5499' ) {
        ui.value = 50;
      }
      //else if (ui.value >= '55000') {
      else if (ui.value >= '5500') {
         ui.value = 100;
      }
      console.log(ui.value);
        return $("#sliders #amount3").val("$" + ui.value);
      }
    });

也试试 fiddle FIDDLE

希望对你有帮助......