title: jQuery UI Slider Interference with slick carousel
body: <p>The drag gesture is interfering with the slider from jQuery UI and the <a href="http://kenwheeler.github.io/slick/" rel="nofollow">slick carousel plugin</a> (also jQuery). See my example <a href="http://jsfiddle.net/65wtmyrb/1/" rel="nofollow">here</a>.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="stack"&gt;
      &lt;div class="boxes"&gt;
           &lt;h1&gt;1&lt;/h1&gt;
           &lt;div class="slider"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="boxes"&gt;
          &lt;h1&gt;2&lt;/h1&gt;
      &lt;/div&gt;
      ...
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('.stack').slick({
      centerMode: true,
      centerPadding: '80px',
      arrows: false,
      variableWidth: true,
      dots: true,
      swipeToSlide: true,
      focusOnSelect: true
  });
  
  $('.slider').slider({
      max: 100,
      min: 0,
      value: 93
  });
  </code></pre>
  
  <p>How can I resolve this issue?</p>