设置不同容量金额的UI滑块的问题

Question

请您查看this jsfiddle，让我知道如何使用滑块从0到1获取值0,0.1,0.2,0.3,0.4,0.5,0.6,0.7,0.8,0.9,1

这就是我所拥有的

$(function() {
    $( "#slider" ).slider({
      value:1,
      min: 0,
      max: 1,
      step: 10,
      slide: function( event, ui ) {
        $( "#opacity" ).val( ui.value );
      }
    });
    $( "#opacity" ).val( $( "#slider" ).slider( "value" ) );
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<p>
  <label for="amount">Opacity:</label>
  <input type="text" id="opacity" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p>
 
<div id="slider"></div>

Answer 1

您的步数太高，请尝试：

$( "#slider" ).slider({
    value:1,
    min: 0,
    max: 1,
    step: 0.1,
    slide: function( event, ui ) {
      $( "#opacity" ).val( ui.value );
    }
 });

jsfiddle demo

New fiddle demo