Question

我有1到0.1的滑块。 我设置了最小值和最大值，滑块计算了数字之间的间隔。

但现在我需要使用1/1，1/2，...至1/9之间的一组数字。 （例如1,0.5,0.33,0.25，...）

我该怎么做？

<div id="slider1" data-dojo-type="dijit.form.HorizontalSlider" 
     data-dojo-props='name:"horizontal1", 
      onChange:function(val){ dojo.byId("slider1input").value=dojo.number.format(val); }, 

      maximum:1/9, 
      minimum:1/1, 
      showButtons:true, 
      discreteValues:9, 
      intermediateChanges:true, 
      style:{width:"400px"} 
      '> 

demo

Answer 1

下面是从demo page修改示例：

<div id='slider1' 
data-dojo-type='dijit.form.HorizontalSlider' 
data-dojo-props='name:"horizontal1", 
        onChange: function(val){ dojo.byId("slider1input").value = dojo.number.format(1/(10 - val)); }, 
        maximum: 9, 
        minimum: 1, 
        showButtons: true, 
        discreteValues: 9, 
        intermediateChanges: true, 
        style: {width:"400px"}'> 

<ol dojoType="dijit.form.HorizontalRuleLabels" container="topDecoration" style="height: 1.5em; font-size: 75%; color: gray;"> 
    <li>1/9</li> 
    <li>1/8</li> 
    <li>1/7</li> 
    <li>1/6</li> 
    <li>1/5</li> 
    <li>1/4</li> 
    <li>1/3</li> 
    <li>1/2</li> 
    <li>1</li> 
</ol> 
<div dojoType="dijit.form.HorizontalRule" container="bottomDecoration" count=9 style="height:5px;"></div> 

所以滑块接受整数，然后将它们转换为你的分数，看onChange功能。