<!--[if !IE]> --> <script src="path/to/jquery.js"></script> <!-- <![endif]--> <!--[if lte IE 9]> <script src="path/to/jquery1x.js"></script> <![endif]-->
assets/css/jquery-ui.custom.css
assets/js/jquery-ui.custom.js
assets/css/jquery-ui.css
assets/js/jquery-ui.js
assets/js/jquery.ui.touch-punch.js
assets/css/jquery-ui.custom.css
assets/js/jquery-ui.custom.js
.ui-slider-green.ui-slider-red.ui-slider-purple.ui-slider-orange.ui-slider-dark.ui-slider-pink.ui-slider-simple for simple slider handle without bars.ui-slider-small for smaller handle
$('#myslider').slider({
value: 11,
range: "min",
animate: true
});
mustache/app/views/assets/scripts/form-elements.js
tap event on touch devices,
a custom built jQuery mobile version is included which has minimal features.
assets/js/jquery.mobile.custom.js
<script type="text/javascript">
if('ontouchstart' in document.documentElement)
document.write("<script src='path/to/assets/js/jquery.mobile.custom.js'>"+"<"+"/script>");
</script>
This will include it only if touch events are available.