jQuery滑块不正确的行为

Question

我使用 jsfiddle 上的以下代码创建了滑块：

http://jsfiddle.net/3cpsoft1/

但是，当左侧滑块被激活时，滑块的最大值元素自身发生变化时，会出现一些奇怪的行为。

我认为这与滑块功能的 ui 部分有关，但我不知道是什么影响它。

所以一开始正确的值是0.0474，它应该保持这种状态。但不知何故，它变成了负数，好像从其中扣除了一个 step 值。 你可以在我提供的小提琴上看到。 有没有办法解决这个问题？

Answer 1

当您将总长度除以步长时，您最终会得到一个无法渲染的小余数。因此，您必须将其设置为您想要滑过的最小十进制值。此外，您的最大值应该在界限之外。

$( function() {
    $( "#slider-range-max" ).slider({
      range: true,
      min: -1000,
      max: 0.475,
      step: .001,
      values: [-1000,0.474],
      slide: function( event, ui ) {
        $( "#amount1" ).val( ui.values[0] );
        $( "#amount2" ).val( ui.values[1] );
      }
    });
    $( "#amount1" ).val( -1000 );
    $( "#amount2" ).val( 0.474);
  } );