Jquery UI - 在Container / Parent Div中可拖动和可排序

Question

拖动<div>进行排序时，如果我将任何框拖到容器外部，它就会出现在容器<div>之外。我不想要这个。

除了输出是排序时，拖动（例如绿色背景div上方）<div>不应超出父/容器DIV。

Demo link

$(function () {
  $(".drag_wrapper").sortable({
    connectWith: ".drag_wrapper"
  }).disableSelection();
});

Answer 1

我认为您正在寻找containment选项：

$(function () {
    $(".drag_wrapper").sortable({
        connectWith: ".drag_wrapper",
        containment: ".drag_wrapper"
    }).disableSelection();
});