). La idea es que el usuario pueda definir el orden de los elementos y luego actualizar la base de datos en base al nuevo orden. Por lástima no sé cómo obtener el id del <li> que se arrastró, ni - lo que es más importante - cómo saber arriba de cuáles y debajo de cuáles quedó en la nueva posición
. Lo más que he logrado es obtener el código html que tiene dentro. Puedo obtener la posición ((x, y) en píxels) en que quedó el elemento, sin embargo no me gustaría tener que confiar en ese método para averiguar arriba de cuáles y debajo de cuáles quedó. El código en cuestión es el siguiente:
Código:
Espero haberme explicado. Muchas gracias a todos! $(document).ready(function()
{
$('#drag').sortable({
cursor: 'move',
distance: 5,
helper: 'clone',
opacity: 0.85,
axis: 'y',
revert: true
});
$('#drag').disableSelection();
$('#drag').bind('sortstop', function(event, ui)
{
// Parece ser que el objeto jQuery que llega como 'ui' no viene completo, algunos métodos dan error y algunas propiedades no existen.
alert(ui.item.html());
});
});
:
. Errores tontos si los hay.
(por lo menos en el momento en que se ejecuta el evento sortstop). Por eso si le pregunto cuál es su padre, o cosas por el estilo, el script entra en un error; pero luego puedo encontrarlo entre los hijos del <ul> contenedor (y en el orden en que quedó todo al final).
