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 スライダー コードの出力です。

0、10、20、30 ....100 のように、各ステップにノッチを付けたい 10 個の値のステップにノッチを付けるにはどうすればよいですか。どうやってやるの？

4

2 に答える 2

1

ハンドルは % left を使用してスタイル設定されているようです

<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 に答える