<!--[if !IE]> --> <script src="path/to/jquery.js"></script> <!-- <![endif]--> <!--[if lte IE 9]> <script src="path/to/jquery1x.js"></script> <![endif]-->
components/_mod/jquery-ui.custom/jquery-ui.custom.css
components/_mod/jquery-ui.custom/jquery-ui.custom.js
components/_mod/jquery-ui/jquery-ui.css
components/jquery-ui/jquery-ui.js
components/jqueryui-touch-punch/jquery.ui.touch-punch.js
components/_mod/jquery-ui.custom/jquery-ui.custom.css
components/_mod/jquery-ui.custom/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.
components/_mod/jquery.mobile.custom/jquery.mobile.custom.js
<script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='path/to/components/_mod/jquery.mobile.custom/jquery.mobile.custom.js'>"+"<"+"/script>"); </script>This will include it only if touch events are available.