Question

我需要显示以下值，目前使用线性滑块无法实现。

Min: $0

Increments ($100): $100; $200; $300; $400; $500; $600; $700; $800; $900 

Default: $1,000

Increments ($1,000): $2,000; $3,000; $4,000; $5,000; $6,000; $7,000; $8,000; $9,000; $10,000;

Max: $10,000+

所以我在snap to increment滑块中总共选择了21个非线性值。有没有办法在jQuery代码中手动输入这些值中的每一个？或者可以在同一个滑块中为不同的增量值（$ 100和$ 1,000）放置两个算法？

谢谢。

下面添加了当前代码。它并不多......值应该是值：1000，但是现在已经设置为5,000，因为我希望默认值位于滑块的中间。从$ 1,000到$ 0 - $ 100步增量是可以的，但从$ 1,000到$ 10,000 +对用户来说不好。

<title>Budget Slider</title>
  <script>
  $(function() {
    $( "#slider" ).slider({
      value:5000,
      min: 0,
      max: 10000,
      step: 100,
      slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.value );
      }
    });
    $( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
  });
  </script>

Answer 1

您可以更好地搜索更多内容。

此处说明了解决方案：

JQuery Slider, how to make "step" size change

您也可以修改此处所述的值：

jQuery UI slider fixed values

jQuery Slider - 如何获得非线性值？

1 个答案: