jquery complemento ordenable con "efecto deslizante"?

Question

jQueryUI tiene un buen complemento, ordenable: http://jqueryui.com/demos/sortable/ Estoy muy satisfecho con ese complemento, pero me falta una sola cosa. Y eso es, en lugar de dejar que los elementos que cambian de posición salten a su nueva posición, me gustaría que se "deslicen" a esa nueva posición. En otras palabras, hazlo un poco más suave.

He buscado en la red durante tres días y no he encontrado un complemento que haga eso (!?! ??). Quiero decir, vamos, debe haber uno, ¿verdad?

También intenté modificar el código un poco por mi cuenta, y lo hice funcionar en cierta forma (al clonar el elemento, deslizar el clon a la nueva posición y luego eliminar el clon. Mientras tanto, ocultar el elemento original y mostrarlo después de eliminar el clon). Pero no funciona muy bien, ¡y pensé que debía haber uno mejor en alguna parte!

Así que realmente estoy pidiendo ayuda. Ya sea modificando ayuda, o si usted ha visto un plugin que hace esto, por favor (:

Answer 1

si mira el sortable demo with placehoder y usa el siguiente código para inicializar el ordenable verás un deslizamiento de CA ción en el marcador de posición

$(function() { 
    $("#sortable").sortable({ 
    placeholder: 'ui-state-highlight', 
    start: function (e,ui){  // new lines to 
     $(ui.placeholder).slideUp(); // remove popping 
    },        // effect on start 
    change: function (e,ui){ 
     $(ui.placeholder).hide().slideDown(); 
    } 
    }); 
    $("#sortable").disableSelection(); 
}); 

puede cambiar la clase ui-estado más destacado a lo que quiera con el estilo de ella, puede hacerlo invisible mediante el uso de la visibilidad CSS-propiedad y configurarlo para que oculta

i hecho el ejemplo básico en jsbin.com para que pueda ver lo que su gusto

EDIT: example con el efecto que hace estallar eliminado cuando comience clasificación

Answer 2

1. se puede controlar con las opciones eventos comprobarlos hacia fuera ...
2. becareful con la cola porque si. arrastrar un elemento y luego arrastrar el otro withouth el primero de acabado que se ve gracioso.
3. yo le recomendaría leer sobre .Stop(), cola de JQ, y posiblemente "cancelar la burbuja"

Answer 3

puede g et it to slide with:

(...).sortable({ 
revert : 300, ... 

El número está en milisegundos para la animación. Ver también la publicación similar: In JQuery Sortable, how can I run a function before the revert animation starts?