title: How can i disable drag event using jquery?
body: <p>i wan to disable drag event using jquery and want to bind one another event with same mouse event, but it will shows an error</p>
  
  <p>i have attached drag even to </p>
  
  <pre><code>&lt;div class="mydiv"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and i have used </p>
  
  <pre><code>jQuery('.mydiv').draggable("destroy");
  </code></pre>
  
  <p>it is disabling the drag event and attached one more functionality on mouse down</p>
  
  <p>but when i will press mouse on div and dragging the cursor then it shows error</p>
  
  <pre><code>$(this).data("draggable") is undefined
  [Break on this error] var t = $('body'), o = $(this).data('draggable').options; 
  </code></pre>
  
  <p>and this is in ui.draggable.js, </p>
  
  <p>any buddy have any idea about this??</p>