¿Cómo obtengo la identificación del elemento ordenable?

Question

Estoy usando ordenable y lo tengo funcionando. Pero estoy tratando de guardar lo que está dentro de las listas.

Digamos que tengo 3 listas:

<ul id="top" class="connectedSortable"> 
<li>elem1</li> 
<li>elem2</li> 
<li>elem2</li> 
</ul> 

<ul id="left" class="connectedSortable"> 
</ul> 

<ul id="right" class="connectedSortable"> 
</ul> 

jQuery:

$("#top, #left, #right") 
.sortable({ 
    connectWith: ".connectedSortable", 
    stop: function(event, ui) 
    { 
     alert(this.id); // printing top, left right... 
    } 
}) 
.disableSelection(); 

que he tratado de utilizar el evento stop dentro sortable pero sólo devuelve Identificación por supuesto, el ul 's. Entonces, lo que quiero es que jQuery me diga cuándo moví elem1 de list1 a list2 (o cualquier elemX por supuesto).

Estoy tratando de hacer una página de inicio que el usuario pueda definir el diseño.

Answer 1

Creo que desee utilizar la devolución de llamada receive:

http://jsfiddle.net/nzskv/1/

$("#top, #left, #right").sortable({ 
    connectWith: ".connectedSortable", 
    receive: function(event, ui) { 
     alert("[" + this.id + "] received [" + ui.item.html() + "] from [" + ui.sender.attr("id") + "]"); 
    } 
}).disableSelection();