Transitions animées pour le triable de l'interface utilisateur de jQuery

Question

Juste par curiosité, car je n'ai rien pu trouver nulle part; est-ce que quelqu'un connaît un moyen d'obtenir la fonction triable de jQuery UI pour animer son tri? Ce que je veux dire, quand vous déplacez un élément autour du parent triable, ses enfants, les sortables, passez au lieu d'animer en douceur à leur nouvelle position, qui, en plus d'être une horreur peut aussi rendre un peu difficile à comprendre ce qui a bougé où.

Il n'y a évidemment pas d'option par défaut pour cela, mais j'espérais que quelqu'un, peut-être, aurait une bonne solution.

Answer 1

Malheureusement, ce n'est pas possible pour le moment, car le code triable ne fait que mettre à jour la position des éléments. Bien qu'il se réfère à un this.options.custom, ce qui permet peut-être une animation personnalisée; mais il est alors totalement non documentée/non pris en charge:

if(this.options.custom && this.options.custom.refreshContainers) { 
    this.options.custom.refreshContainers.call(this); 
} else { 
    for (var i = this.containers.length - 1; i >= 0; i--){ 
     var p = this.containers[i].element.offset(); 
     this.containers[i].containerCache.left = p.left; 
     this.containers[i].containerCache.top = p.top; 
     this.containers[i].containerCache.width = this.containers[i].element.outerWidth(); 
     this.containers[i].containerCache.height = this.containers[i].element.outerHeight(); 
    }; 
} 

Malheureusement, je ne peux pas être de beaucoup plus d'aide; Je ne me suis pas beaucoup divulguée dans le code triable, donc l'extrait de code ci-dessus pourrait être trompeur.