jQuery UI可拖动和排序

所以我一直在用这个例子：我已经在我的产品上完成了它。然而，我想做两个重要的改变

我不希望第二个列表（在我的示例中是toList）可以单独排序。我只希望它接受第一个列表中的项目（在我的示例中是fromList）

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

---

建议？这是我到目前为止所拥有的一把小提琴

您希望您的收费列表是可删除的，而不是可排序的。此示例似乎描述了您试图实现的目标：

尝试在toList中使用：

编辑：根据以下评论：

---

嗯，也许这条路是对的，但是你的例子有两个地方错了。1它不再从列表中克隆项目，而是实际移动它。2一旦我将一个项目移动到toList中，它仍然是可拖动的。下面是我如何完成它的，使用了你的代码，尽管对你来说是so+1。与上述问题相同。尽管第二个列表中的项目确实正确地处理了克隆，但仍然可以拖动。

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();
});
​