jquery - 如何在JQuery的JSlider上放置指标？

Question

我有一个 Jquery slider 。

    <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

看起来 handle 的样式是使用 % 左侧的

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

其中包含 slider :

<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>

所以我猜测您是否可以提取 slider 点来计算出％，然后使用相同的％来设置标记凹口的样式。

恐怕我的答案不是完整的答案，因为如果不深入研究，我不确定如何将 slider 点显示为百分比。也许看一下 jquery-ui slider 的未缩小版本，看看百分比是如何计算的？