Question

我试图将ui滑块的当前值相乘，并使用此脚本输出值。

$( document ).ready(function() {

  function output() {
     var value1 = parseInt($('#slider').slider('value'));
     var value2 = parseInt(value1 * 2);
     $('#current').text(value1);
     $('#slider-value').text(value2);
  }

  $("#slider").slider({
      range: "min",
      value: 3,
      min: 0,
      max: 11,
      //this gets a live reading of the value and prints it on the page
      slide: function(event, ui) {
        output();
      }
  });
});

它确实成倍增加，但是，当我从右向左移动滑块时，该值无法正常显示。

这里有jsFiddle：https://jsfiddle.net/kristianladd/f2wbq5nm/1/

Answer 1

使用https链接时出现控制台错误，但如果转换为http，则可以正常工作。

它从右到左混乱，因为您当前的代码显示以前的值。所以从右到左，看起来它在第一次从左到右滑动时会上升，因为它使用当前幻灯片上方的值。

将幻灯片回调更改为此

  slide: function(event, ui) {
    $('#current').text(ui.value);
    $('#slider-value').text(ui.value * 2);
  }

http://jsfiddle.net/f2wbq5nm/3/

jQuery ui-slider将当前值乘以固定的整数

1 个答案: