Jquery滑块UI问题答案

【问题标题】：Jquery slider UI issueJquery滑块UI问题
【发布时间】：2016-08-02 22:06:07
【问题描述】：

我在处理 jQuery Slider UI 的最小值和最大值时遇到了问题。我将最小值设置为 5000，将最大值设置为 1000000，增量为 25000。但是，当我在前端查看它时，我得到以下信息：

这是我的代码：

$( "#slider-range" ).slider({
      range: true,
      step:25000,
      min: 5000,
      max: 1000000,
      values: [ 5000, 1000000 ],
      slide: function( event, ui ) {
        $( "#657401867-MinPrice" ).val( (ui.values[ 0 ] + "").replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,") );
        //$( "#MinPrice" ).text( ui.values[ 0 ] );
        $( "#657401867-MaxPrice" ).val( (ui.values[ 1 ] + "").replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,") );
        //$( "#MaxPrice" ).text( ui.values[ 1 ] ); ($( "#slider-range" ).slider( "values", 0 ) + "").replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")
      }
    });

所以由于某种原因，在前端它的最大值为 980,000 而不是 1,000,000。

【问题讨论】：

这是因为您从5,000 开始。您可以从那里以25,000 的步骤到达1,000,000 最接近的是980,000。
我无法重现：jsfiddle.net/j08691/watckx6h。事实上，我得到了第二个滑块值在移动时变为 1,005,000 的行为。你用的是什么版本的 jQuery 和 jQuery UI？

标签： javascript jquery

【解决方案1】：

这可能是因为step 的值是25,000。如果将5,000 的min 增加25,000，则最大可能值为980,000，因为您的max 是1,000,000。我建议将 step 值更改为 5,000 以解决此问题。

【讨论】：

【解决方案2】：

从 5,000（您的min 值）开始，以 25,000（step 值）为步长，低于 1,000,000（您的max）的最高步长实际上是 980,000。

为了避免这种情况，您应该选择以下选项之一：

将step 更改为 5,000
将 min 值设置为 0 或 25,000
将 max 值更改为 1,005,000

【讨论】：