チュートリアルを見つけようとしましたが、運がありませんでした。私は誰かに私のために仕事をするように頼んでいるわけではありませんが、誰かが何か役に立つことを知っているかどうかを確認するためです.
したがって、基本的には、スライダーの最小値をゼロにし、最大値を動的に設定する必要があります (動的な値を取得することは問題ではありません)。
0 ------------------------------------- 200
したがって、中央の「o」はクリック可能なスライド要素になります。右側のボックスにあなたの番号を出力する必要があります。したがって、この例では 100 が出力されます。ビデオ プレーヤーで音量を設定するのと非常によく似ています。
基本的にこれはリワード ポイント システムのためのもので、ユーザーは自分が持っているリワード ポイントの数をスライドさせることができ、これが何ポンドに相当するかを出力します。
私が言ったように、私はチュートリアルを見つける手助けをもっと探していますが、誰かが私を正しい方向に押しやるスニペットを投稿できれば、いつも感謝しています.
Try this:
http://jquerymobile.com/demos/1.0a2/#docs/forms/forms-slider.html
<body class="">
<link rel="stylesheet" href="jquery.css">
<script src="jquery-1.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<div class="" id="" data-role="page">
<div class="ui-field-contain ui-body ui-br" data-role="fieldcontain">
<input class="" name="slider" id="slider" value="100" min="0" max="10" data-type="range">
</div>
http://jqueryui.com/slider/#rangeをご覧ください
これにより、必要な値の範囲スライダーが表示されます