Slider Test (jQuery UI)

by yasumodev

HTML

<!-- <script src="https://raw.githubusercontent.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.js"></script>
 -->
<div id='slider1'></div>
<br>
<div id='slider2'></div>

CSS

.ui-slider-range {
    background: #ff9900;
}

JavaScript

var script = document.createElement('script');
script.src = "https://raw.githubusercontent.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.js";
document.head.appendChild(script);

$("#slider1").slider({
    value:50,
    min:0,
    max:100,
    step:1,
    range:"min"
});

$("#slider2").slider({
    values:[30,70],
    min:0,
    max:100,
    step:1,
    range:true
});

/*
// スクロール禁止
$(window).on('touchmove.noScroll', function(e) {
    e.preventDefault();
});
*/