Foundation 5范圍滑桿值

Question

大家好，我是stackoverflow的新手。問題是我無法從“ p”標簽的范圍滑塊中“提取”滑塊輸出。這是我的代碼：

HTML：

  <div id="slider" class="range-slider" data-slider data-options="display_selector: #sliderOutput3;">
    <span class="range-slider-handle"></span>
    <span class="range-slider-active-segment"></span>
  </div>
    <span id="sliderOutput3"></span>
    <p id="qj"></p>

JavaScript：

<script> 
  var element=document.getElementById('slider');
  var val = element.getAttribute('data-slider');
  document.getElementById("qj").innerHTML=parseInt(val);
</script>

Answer 1

那解決了我的問題：

jQuery變體：

  $('[data-slider]').on('change.fndtn.slider', function(){
         var value = $(this).attr('data-slider');
        $('#qj').html(value);

    });

純Javascript：

   document.getElementById("slider").onchange = function() {
   var value = document.getElementById('slider').getAttribute('data-slider');
     document.getElementById('qj').innerHTML=value;
   };