容器的行和列之间的可排序包含

时间:2014-03-22 14:48:31

标签: jquery-ui-sortable jquery-draggable

如何限制sortable只允许容器内行和行内的列?

示例:

Container有行和列。行和列都是可排序的。但是如何停止在列中插入行?

Working Link

$(".demo, .demo .column").sortable({
    connectWith: ".column",
    opacity: .35,
    handle: ".drag"
});

1 个答案:

答案 0 :(得分:0)

[解决]

我将connectWith分割如下。

$(".demo ").sortable({
    connectWith: ".demo",
    opacity: .35,
    handle: ".drag"
});

$(".demo .column").sortable({
    connectWith: ".column",
    opacity: .35,
    handle: ".drag"
});