如何在旅途中禁用jquery连接的sortables?

时间:2011-03-03 19:08:36

标签: javascript jquery jquery-ui jquery-ui-sortable

给出两个最简单的连接可排序,

问题(已更新)。当可拖动项目离开其容器时,容器不应在项目仍被拖动时接受它(就像容器被禁用一样)。在DOM级别,占位符不应移回原始容器。

如何实现这一目标?


jsfiddle中的代码未按预期工作,但应该是一个很好的起点。

2 个答案:

答案 0 :(得分:0)

也许这会......

http://jsfiddle.net/pMYft/15/

$("#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();