Jquery UI - 在容器/父 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();
});