Buenas a todos y gracias por leer: para una aplicación web me gustaría usar el plugin jQueryUI Sortable (
ht tp://docs.jquery.co m/UI/Sortable, disculpen los espacios pero todavía no puedo poner enlaces
). 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:
$(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());
});
});
Espero haberme explicado. Muchas gracias a todos!