title: jQuery prevent click event from firing when scrolling a div
body: <p>Sounds easy enough right? But I'm using a custom scrolling control (<a href="http://github.com/inuyaksa/jquery.nicescroll" rel="noreferrer">http://github.com/inuyaksa/jquery.nicescroll</a>) and I've tried most of the tricks I've seen to prevent this when using draggable(). But they aren't working for this... I uploaded the page and the code here:</p>
  
  <p>Demo: <a href="http://www.beforethecode.net/blazin" rel="noreferrer">http://www.beforethecode.net/blazin</a>
  Source: <a href="http://www.beforethecode.net/blazin/blazin.zip" rel="noreferrer">http://www.beforethecode.net/blazin/blazin.zip</a></p>
  
  <p>This is for a touch screen project. So far my only solution was to bind the $thumbs to 'dblclick' so it would stop firing after dragging the mouse/finger... But I would really like to get it to work with a single click after the scrolling has stopped.</p>