0

一連の画像があり、スライダーを使用してこれらの画像を参照したいと考えています。シリーズを開いたときに、スライダーにいくつかの値を設定したいのですが、うまくいきません。

2 つの問題があります: - スライダーへのアクセス方法 - 値の設定方法

これが私が試した方法です：

$(slider).slider({
            orientation: "vertical",
        }).addClass("dhSlider");



$(slider).slider( "option", "max", this.series.images.length);
$(slider).slider( "option", "min", 0 );
$(slider).slider( "option", "step",this.series.images.length);
4

1 に答える 1

0

スライダーを正しく初期化していません。スライダーとして必要なクラスまたは div の ID を指定する必要があります。

HTML:

<p>
<label for="amount">Slider Range:</label>
<input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" />
</p>

<div id="myslider" style="height: 200px;"></div>

脚本：

  <script>
 $(function() {
 $( "#myslider" ).slider({
  orientation: "vertical",
  min: 0,
  max: 100,
  range: true,
  values: [ startvalueselected, endvalueselected],
  slide: function( event, ui ) {
    $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
  }
 });
  $( "#amount" ).val( "$" + $( "#myslider" ).slider( "values", 0 ) +
  " - $" + $( "#myslider" ).slider( "values", 1 ) );
 });
 </script>

JqueryUI垂直スライダーを参照してください

于 2013-03-01T13:14:08.403 に答える