title: jquery draggable stop event
body: <p>I have searched a lot of.But I can't find answer.Maybe dublicate.Here is a bit of my code:</p>
  <pre><code>$(&quot;.box&quot;).draggable({
          revert:&quot;invalid&quot;,
          stop:function(ev,ui){
              //if(dropped) alert(ui.item.attr(&quot;id&quot;);
              //else alert(&quot;Not dropped&quot;);
          }
      });
  $(&quot;.box&quot;).droppable({
          accept:function(drag){
              return $(drag).attr(&quot;data-id&quot;)===$(this).attr(&quot;data-id&quot;);
          },
          drop:function(ev,ui){
  
          }
      });
  </code></pre>
  <p>I have looked <a href="http://api.jqueryui.com/droppable/#option-greedy" rel="nofollow noreferrer">droppable options</a> and <a href="http://api.jqueryui.com/draggable/#event-stop" rel="nofollow noreferrer">draggable options</a>.But it isn't helpfull.In other word how to access dropped element using draggable options,events and methods.
  Also dublicate with <a href="https://stackoverflow.com/questions/2975091/jquery-droppable-get-the-element-dropped">jQuery Droppable, get the element dropped</a></p>
  <p>How to get the dropped element Id if it is dropped from Draggable stop function.</p>