jQuery UI Sortable + Draggable + Droppable在相同的元素

Question

我正在尋找使用jQuery UI Sortable + Draggable + Droppable與相同的項目。我想排序所有.item元素，並能夠將.item拖放到另一個元素中。下面是我的代碼：

<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> 

當我使用排序+拖動+投擲的，只有一個或其他作品不是所有的人在一起。我錯過了什麼來實現這一目標？

謝謝！

Answer 1

我不知道我完全明白你想說什麼。如果您只是嘗試通過拖放來對列表中的項目進行排序，則不需要.draggable和.droppable。

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

如果你想給一個項目元素拖放到另一個，讓我知道，我會看看我是否能得到那個工作，併發佈一個更新的撥弄它。