2

我有一个 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>



这是上面 JQuery 滑块代码的输出

如何在台阶上放置 10 个值的槽口我想在每个台阶上放置一些槽口，例如 0、10、20、30 ....100。我怎样才能做到这一点？

4

2 回答 2

1

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

<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 滑块的未缩小版本，看看百分比是如何计算的？

于 2012-05-16T11:40:00.857 回答
0

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

于 2012-05-16T11:24:51.657 回答