如何在JQuery的JSlider上添加指标？

Question

我有一个Jquery滑块。

    <link href="jquery-ui-1.8.10.custom.css" rel="stylesheet" type="text/css"/>
  <script src="jquery-1.7.1.min.js"></script>
  <script src="jquery-ui.min.js"></script>
<STYLE>
    #demo-frame > div.demo { padding: 1px !important; }
    </STYLE>

<SCRIPT>
    $(function() {
        $( "#glider" ).slider({step:10, animate:true, min:0, max:100, value:50});


    });
    </SCRIPT>   

<DIV class=demo>
<DIV id=glider></DIV></DIV>

如何在10个值的步骤上放置切口我想在每个步骤上添加一些缺口，如0,10,20,30 ...... 100。我怎么能这样做？

Answer 1

使用应该有效的values: [0, 10,20 ]

Answer 2

看起来手柄的样式使用

的左边

<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 10%;"></a>

它包含滑块：

<div id="slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 10%;"></a></div>

所以我猜你是否可以提取滑块来计算出％，然后使用相同的％来设置标记凹槽的样式。

我担心我的答案并不是全部，因为我不确定如何将滑块指向百分比。也许看看jquery-ui滑块的未分级版本，看看如何计算百分比？