Plugin jquery triable avec "effet coulissant"?

Question

jQueryUI a obtenu un plugin bien, Sortable: http://jqueryui.com/demos/sortable/ Je suis très heureux avec ce plugin, mais je manque qu'une seule chose. Et au lieu de laisser les éléments qui changent de position pop/jump à sa nouvelle position, j'aimerais qu'ils "glissent" vers cette nouvelle position à la place. En d'autres termes, faites-en un peu plus lisse.

J'ai cherché le net depuis trois jours et havn't trouvé un plug-in qui fait ça (!?! ??). Je veux dire, il doit y en avoir un, n'est-ce pas? J'ai également essayé de modifier un peu le code par moi-même, et je l'ai fait fonctionner (en clonant l'élément, en faisant glisser le clone vers la nouvelle position, puis en supprimant le clone). masquer l'élément d'origine et le masquer après la suppression du clone). Mais ça ne marche pas très bien, et je pensais qu'il devait y en avoir un meilleur quelque part!

Je suis vraiment mendier de l'aide. De toute modification de l'aide, ou si vous avez vu un plug-in qui fait cela, s'il vous plaît (:

Answer 1

si vous regardez le sortable demo with placehoder et utilisez le code suivant pour initialiser le sortable, vous verrez un AC glissant tion dans l'espace réservé

$(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(); 
}); 

vous pouvez changer la classe ui-état-fort à tout ce que vous voulez le style, vous pouvez le rendre invisible en utilisant la visibilité css-propriété et le mettre à caché

i fait l'exemple de base dans jsbin.com afin que vous puissiez voir à quoi cela ressemble

EDIT: example avec l'effet popping enlevé lorsque vous commencez le tri

Answer 2

1. vous pouvez le contrôler avec les options événements les vérifier ...
2. becareful avec la file d'attente parce que si vous. faites glisser un élément, puis faites glisser l'autre withouth la première finition qui peut paraître drôle.
3. Je vous recommande de lire .stop(), file d'attente de JQ, et peut-être « annuler bulle »

Answer 3

vous pouvez g et de coulisser avec:

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

Le nombre est en millisecondes pour l'animation. Voir aussi poste similaire: In JQuery Sortable, how can I run a function before the revert animation starts?