title: Prevent click event when drag with jquery gridster
body: <p>I am using gridster <a href="http://gridster.net/" rel="nofollow">gridster.net</a> for some draggable items. Those items are also clickable. When there is a click, it expands. But problem is that when I drag an item, it also fire a click event and the item expands after dropping. How can I prevent that?</p>
  
  <p>Here is my jquery code example:</p>
  
  <pre><code>$(document).on('click touchend', '.gridster li.gs-closed p', function() {
      var clickedItem = $(this);
      var parent = clickedItem.parent('li');
      gridster.resize_widget(parent, 1,4);
      parent.removeClass('gs-closed').addClass('gs-opened');
  });
  
  $(document).on('dblclick touchend', '.gridster li.gs-opened p', function() {
      var clickedItem = $(this);
      var parent = clickedItem.parent('li');
      gridster.resize_widget(parent, 1, 1);
      parent.removeClass('gs-opened').addClass('gs-closed');
  });
  </code></pre>