jQuery UI, jak zdobyć identyfikator elementu, gdzie upuścić element?

Question

mój kod jest poniżej:

kiedy upuszczam elementy L w elemencie div elementu treści, w momencie chcę uzyskać identyfikator znacznika zakresu jak to możliwe?

jsfiddle link

<ul class="secd_line_icon" id="secd_line_icon" > 
    <li id="products"> 
     <img id="productid_1" class="product" src="https://si0.twimg.com/profile_images/1888289249/heart_sm_normal.jpg" /> 
    </li> 
</ul> 


<ul id="bookmark_icon" class="droppable" style="height: 100px;"> 

</ul> 

<div id="content" > 
    <span id="s1">I have two hearts 
Heart is pulsating with blood <span> 

<span id="s2"> And heart is pulsating with love 
     </span> 
</div> 

<script> 
    $("#content").droppable({ 
     accept: '#secd_line_icon li', 
     drop: function(event, ui) { 

      $("#bookmark_icon").append($(ui.draggable).clone()); 
      $("#content_area .product").addClass("item"); 
      $(".item").removeClass("ui-draggable product"); 
      $(".item").draggable({ 
       containment: 'parent', 
       grid: [150,150] 
      }); 
     } 
    }); 
    $("#secd_line_icon li").draggable({ 
     helper: 'clone' 
    }); 

</script> 

Answer 1

Można sprawdzić element, który otrzymałeś spadek sprawdzając event.target w drop event.

Parametry zdarzenia i interfejsu użytkownika zawierają informacje o elementach przeciągania i upuszczania.

można uzyskać identyfikator elementu, który otrzyma spadek z: $(event.target).attr('id')

Oto skrzypce robocze: http://jsfiddle.net/IrvinDominin/Pf4P9/1/