Foundation 5 Диапазон слайдер значение

Question

Привет всем Я новичок в проблеме stackoverflow.The является то, что я не в состоянии «Extract» выход слайдера от ползунка диапазона в «р» tag.Here мой код:

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

    }); 

Pure Javascript:

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