Question

我有一系列图像，我想使用滑块浏览这些图像。当我打开系列时，我想为滑块设置一些值，但我无法使它工作。

我有两个问题： - 如何访问滑块 - 如何设置值

这是我尝试的方式：

$(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);

Answer 1

你没有正确初始化滑块。你需要给你想要作为滑块的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>

<强> see JqueryUI vertical Slider

将动态值设置为jQuery UI垂直滑块

1 个答案: