Función ordenable cuando el contenido se actualiza a través de ajax

Question

Tengo una lista que se rellena a través de ajax. Esta lista puedo agregar y eliminar elementos a través de ajax y también ordenarlos. Tengo dos problemas con eso.

La primera de ellas es aquí y es aún sin resolver: https://stackoverflow.com/questions/6370213/jquery-dynamic-dragn-drop-doesnt-update-order (después de ordenar la lista el número de los artículos que provienen de la base de datos no se actualizará hasta que actualizar)

El segundo es peor. Después de actualizar los contenidos en mi lista a través de ajax (digamos que agrego un nuevo elemento), la función ordenable deja de funcionar hasta que vuelva a cargar la página. Parece que .live no funcionará con ordenable y me he quedado sin ideas con este. Voy a añadir un poco de mi código:

Mi lista es la siguiente:

<ul id="listaruta"> 
    <li> ... </li> 
</ul> 

Mi script para los artículos de clasificación:

$(function() { 
    $("ul#listaruta").sortable({ 
     opacity: 0.6, 
     cursor: 'move', 
     update: function() { 
      var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
      $.post("/plugins/drag/updateDB.php", order);                
    }         
    }); 
}); 

estoy usando esto para la función de clasificación: http://www.webresourcesdepot.com/wp-content/uploads/file/jquerydragdrop/

Answer 1

Después de buscar mucho más me pareció que este es mi respuesta: jQuery live and sortable

Esto es lo que agregué a mi código para que funcione:

$(document).ajaxSuccess(function() { 

    $("ul#listaruta").sortable({ 
     opacity: 0.6, 
     cursor: 'move', 
     update: function() { 
      var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
      $.post("/plugins/drag/updateDB.php", order); 
     } 
    }); 
});