remove <a href> from a draggable when being dragged - jquery
<p>I have this site which is a grid of draggable links. When dragged a drop down  appears where the user can drag to trash the draggable. </p>

<p>Problem is that when they drop it on the droppble, the link opens up! Which is not supposed to be happening. I've tried adding</p>

<pre><code>ui.draggable.find('a').removeAttr('href')
</code></pre>

<p>to my handleDropEvent function, but it didn't help.</p>

<p>Any javascript geniuses care to take a look?</p>

<p><strong>EDIT</strong> I tried also adding :</p>

<pre><code>ui.draggable.find('a').click(function(e) { e.preventDefault();
</code></pre>

<p>to the following like so:</p>

<pre><code>$('.draggable').draggable({ start: function( event, ui ) {$('#dropdownAddTile').slideDown();ui.draggable.find('a').click(function(e) { e.preventDefault(); });},  stop: function() {$('#dropdownAddTile').slideUp();}, containment: '#container', snap:'.droppable', snapMode:'inner', revert:'invalid',snapTolerance: 32});
</code></pre>

<p><strong>ANOTHER EDIT</strong></p>

<p>I should point out (just figured out) that I have the draggable class applied to an href like this :</p>

<pre><code>&lt;a href class="draggable"&gt;
</code></pre>

<p>So solutions so far have caused the problem where we remove the link and it stops the draggable from being draggable! Is there another way?</p>
