jQuery-UI可拖拽和排序

Question

所以我一直在使用这个例子：http://jqueryui.com/demos/draggable/#sortable，我已经完成了我的产品。不过，我想做两个重大的改变。

1. 我不希望第二个表（在我的例子toList）是它自己的排序。我只希望它接受来自第一个列表中的项目（在我的示例中为fromList）。

2. 当用户从第一个列表（fromList）拖拽一个项目并将其放入第二个列表（toList）时，我希望该项目被强制到底部。

建议？这是迄今为止我的工作小提琴。 http://jsfiddle.net/CrtFD/

Answer 1

尝试：

编辑：每下面的注释：

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

您希望您的toList可以放置，而不是可排序。这个例子似乎说明您所要完成的任务：使用droppable您toList http://jqueryui.com/demos/droppable/#shopping-cart