jQuery UI Sortable + Draggable + Droppable sur les mêmes éléments

Question

Je cherche à utiliser jQuery UI Sortable + Draggable + Droppable avec les mêmes éléments. Je voudrais trier tous les éléments .item et être capable de glisser et déposer un .item dans un autre. Ci-dessous mon code:

<script> 
    $(function() { 
     $("#wrapper").sortable({ 
      items: ".item", 
      stop: function(event, ui) { 
       // save new sort order 
      } 
     }); 

     $(".item").draggable({ 
      helper: ".clone", 
      connectToSortable: "#wrapper" 
     }).disableSelection().droppable({ 
      accept: ".slide", 
      drop: function(event, ui) { 
       // dropping .item into another .item 
      } 
     }); 
    }); 
</script> 

<div id="wrapper"> 
    <div class="item">1</div> 
    <div class="item">2</div> 
    <div class="item">3</div> 
    <div class="item">4</div> 
    <div class="item">5</div> 
</div> 

Lorsque j'utilise triables + draggable + largable, seulement un ou les autres œuvres ne sont pas tous ensemble. Qu'est-ce qui me manque pour y arriver?

Merci!

Answer 1

Je ne suis pas sûr de comprendre tout ce que vous essayez de dire. Si vous essayez simplement de trier les éléments de votre liste par glisser-déposer, vous n'avez pas besoin des fichiers .draggable et .droppable.

http://jsfiddle.net/Earendil/saQwr/

Si vous essayez de déposer un élément dans un autre article, laissez-moi savoir et je vais voir si je peux obtenir ce travail et après un violon mis à jour pour elle.