可排序不拖动和投掷的

Question

观看演示http://jsfiddle.net/nivea75ml/5NhFA/1/正常工作。

在这里，底部的绿色块可以拖放到黑暗的加利区域。另外，我希望3个块可以排序，例如，如果Block2先被拖入深灰色区域，Block3应该移动到Block2的位置。

当前排序功能无拖动功能&可拖拽，查看http://jsfiddle.net/nivea75ml/sNnAe/。但是它不与可拖动&投掷的工作，看到http://jsfiddle.net/nivea75ml/5NhFA/1/。

任何人都可以帮我吗？提前致谢！

Answer 1

听起来像是你只是想使用可排序与连接列表：http://jqueryui.com/demos/sortable/#connect-lists

我修改你的第一个的jsfiddle：

HTML：

<div class="demo"> 

    <div id="droppable" class="drp"> 

    </div> 
    <div id="draggableElements" class="drp"> 
     <div class="draggable"> 
      <p>Sen1</p> 
     </div> 
     <div class="draggable"> 
      <p>Sen2</p> 
     </div> 
     <div class="draggable"> 
      <p>Sen3</p> 
     </div> 

    </div> 
</div> 

的Javascript：

$(function() { 

      $("#draggableElements, #droppable").sortable({ 
        connectWith: ".drp", 
        placeholder: "ui-draggable" 
       }); 

    }); 

这使得上面的灰色区域也可以排序，其中可能会或可能不会完全满足您的需求。如果你想一个排序项放到一个投掷的，并能够将其带回成一个排序，看看这个：jQuery Sortable and Droppable。