Soporte deslizante de jQuery UI para tocar y arrastrar / soltar en dispositivos móviles

Ya diseñé e implementé el control deslizante jQuery UI en un proyecto. Aunque responde, el control deslizante no responde cuando lo tocan y lo arrastran. En su lugar, debe tocar el lugar donde desea que vaya el control deslizante. Me gustaría evitar cambiar a la interfaz de usuario móvil de jQuery, que admite tocar y arrastrar, ya que ya utilizamos ampliamente la interfaz de usuario de jQuery (no móvil).

La funcionalidad que queremos: Aquí
Qué estamos usando: Aquí

En un escritorio no se puede notar la diferencia. En un dispositivo móvil es evidente.

¿Alguien sabe cómo agregar este soporte a jquery UI?

$("#videographers").slider({
  value: 2,
  min: 1,
  max: 3,
  step: 1,
  slide: function(event, ui) {
    return calcTotal(ui.value);
  }
});

jQuery ui no tiene soporte táctil. Deberías usarlo con jQuery-ui touch punch .

Simplemente agregue el script después de jQuery ui:

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
<script src="jquery.ui.touch-punch.min.js"></script>

También puede usar cdnjs:

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>

Nota: Mejor dale a este repositorio una estrella en Github.

Simplemente puede vincular este js.

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>

Gracias.