title: jQuery UI slider Touch & Drag/Drop support on Mobile devices
body: <p>I have already styled and implemented jQuery UI slider into a project. Though it's responsive, the slider does not respond to being touched and dragged. Instead, you have to touch where you want the slider to go. I'd like to avoid swapping to jQuery mobile UI, which supports touching and dragging, since we already extensively use jQuery (non-mobile) UI.</p>
  
  <p>The functionality we want:
  <a href="http://jquerymobile.com/demos/1.2.0/docs/about/getting-started.html" rel="noreferrer">Here</a><br/>
  What we are using: <a href="http://jqueryui.com/slider/#steps" rel="noreferrer">Here</a></p>
  
  <p>On a desktop you can't tell the difference. On a mobile device it is apparent.</p>
  
  <p>Anyone know how to add this support to jquery UI?</p>
  
  <pre><code>$("#videographers").slider({
    value: 2,
    min: 1,
    max: 3,
    step: 1,
    slide: function(event, ui) {
      return calcTotal(ui.value);
    }
  });
  </code></pre>