title: Change and Slide called together jqueryui slider
body: <p>I am trying to create a jquery handle that when you slide it it moves another div inside a container. Following is my js</p>
  
  <pre><code>function handleSliderChange(e, ui)
  {
      console.log('1');
      var maxScroll = $(".content-item").width()*$(".content-item").length - $("#content-scroll").width();
      $("#content-scroll").animate({scrollLeft: ui.value * (maxScroll / 100) },1000);
  }
  
  function handleSliderSlide(e, ui)
  {
      console.log('2');
      var maxScroll = $(".content-item").width()*$(".content-item").length - $("#content-scroll").width();
      $("#content-scroll").animate({scrollLeft: ui.value * (maxScroll / 100) }, 10);
  }
  
      $("#content-slider").slider({
          animate: true,
          slide: handleSliderSlide,
          change: handleSliderChange
      });
  </code></pre>
  
  <p>So when I click on the bar both handleSliderChange and handleSliderSlide are called, but when i drag the slider it works fine any solution ? I don't mind cancelling the click function from the slider i only need the drag anyways</p>