给出两个最简单的连接可排序,
问题(已更新)。当可拖动项目离开其容器时,容器不应在项目仍被拖动时接受它(就像容器被禁用一样)。在DOM级别,占位符不应移回原始容器。
如何实现这一目标?
此jsfiddle
中的代码未按预期工作,但应该是一个很好的起点。
答案 0 :(得分:0)
也许这会......
$("#origin").sortable({
connectWith: '.destination'
}).disableSelection();
$(".destination").sortable({
connectWith: ".destination",
}).disableSelection();
原始列表可以拖动到任一目的地列表,但不能回溯到自身。
答案 1 :(得分:-2)
我正在jsfiddle处理您的代码,我改变了它
$("ul").sortable({
connectWith: "ul",
items: "li:not(.ui-state-disabled)",
cancel: "ui-state-disabled",
out: function (e, ui) {
ui.item.addClass("ui-state-disabled");
}
}).disableSelection();