jQuery 滑块不正确的行为

Question

我使用 js 上可用的以下代码创建了滑块fiddle：

然而，当左侧滑块被激活时，滑块的最大值元素正在改变自身时，会出现一些奇怪的行为。

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

所以一开始正确的值是 0.0474 并且应该保持这种状态。但是不知何故它变成了负数，就好像从中减去了 step 的一个值一样。您可以在我提供的 fiddle 上看到。有办法解决这个问题吗？

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);
  } );

jQuery 滑块不正确的行为

jQuery slider incorrect behaviour

javascript

jquery

slider

jquery-ui-slider