滑块无法使用 Jquery ui

Question

我正在尝试使用 jquery 实现滑块功能。滑块是可见的，滚动时它正在获取值但未显示在 ui.value 上使用的 console.log 上的 screen.I 上，我也只想要从 94 到 110 的值。

          <div class="col-md-6">
            <div class="panel panel-default">
              <div class="panel-heading">
                <div class="panel-btns">

                </div><!-- panel-btns -->                 
                 </div><!-- panel-heading -->

              <div class="panel-body">
               <label for="temp">Temparature:  </label>
                <div id="temp"></div>
                <div id="slider-min"></div>
              </div><!-- panel-body -->
            </div><!-- panel -->
          </div><!-- col-md-6 -->
        </div><!-- row -->


<script>

    $(document).ready(function(){

       $('#slider-min').slider({
          range: 'min',
          max: 110,
          value: 92,
          slide: function(event,ui){
               console.log(ui.value);
               $( "#temp" ).val( "$" + ui.value );
          }
       });
         $("#temp").val($("#slider-min").slider("value"));
     });


  </script>

需要帮助。

Answer 1

这样设置div的内容

$( "#temp" ).html( "$" + ui.value );

并在选项中提供最小值

$(document).ready(function(){

   $('#slider-min').slider({
      range: 'min',
      max: 110,
      min: 94,
      value: 94,
      slide: function(event,ui){
           console.log(ui.value);
           $( "#temp" ).html( "$" + ui.value );
      }
   });
     $("#temp").val($("#slider-min").slider("value"));
 });

Fiddle 在这里 http://jsfiddle.net/76mxLjad/1/

Answer 2

如果您要打印 input 中的值，在这种情况下您需要使用 val()，因此您要打印 div 中的值，因此最好使用文本或 html $( "#temp" ).text( "$" + ui.value );

滑块无法使用 Jquery ui

Slider not working using Jquery ui

javascript

jquery

frontend