jQuery-UI Dragable et triable

Question

J'ai donc travaillé avec cet exemple: http://jqueryui.com/demos/draggable/#sortable et je l'ai accompli sur mon produit. Cependant, je veux faire deux changements importants.

1. Je ne veux pas que la deuxième liste (toList dans mon exemple) soit triable par elle-même. Je veux seulement accepter les éléments de la première liste (fromList dans mon exemple).

2. Lorsqu'un utilisateur extrait un élément de la première liste (fromList) et le dépose dans la deuxième liste (toList), je souhaite que cet élément soit forcé vers le bas.

Suggestions? Voici un violon de travail de ce que j'ai jusqu'ici. http://jsfiddle.net/CrtFD/

Answer 1

Essayez d'utiliser un droppable pour votre toList:

EDIT: par des commentaires ci-dessous:

http://jsfiddle.net/abzYK/

jQuery(document).ready(function(){ 
    jQuery("#fromList li").draggable('destroy').draggable({ 
     connectToSortable: "#toList", 
     revert: "invalid", 
     containment: '#equipCont', 
     helper: function(e, ui) { 
      return jQuery(this).clone().css('width', jQuery(this).width()); 
     } 
    }); 
    jQuery("#toList").droppable('destroy').droppable({ 
     drop: function(e, ui) { 
      var dragClone = jQuery(ui.draggable).clone(); 
      jQuery("#toList").append(dragClone); 
     } 
    }); 
    jQuery("ul, li").disableSelection(); 
}); 
​ 

Answer 2

Vous souhaitez que votre liste de signatures soit Droppable, non triable. Cet exemple semble décrire ce que vous essayez d'accomplir: http://jqueryui.com/demos/droppable/#shopping-cart