Jquery UI - 在容器/父 div 内可拖动和排序 [重复]

Posted 2023-05-08

【中文标题】Jquery UI - 在容器/父 div 内可拖动和排序 [重复]

【英文标题】：Jquery UI - Draggable and Sortable inside the Container/ Parent Div [duplicate]

【发布时间】：2015-01-26 02:37:49

【问题描述】：

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

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

Demo link

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

【参考方案1】：

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

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

【讨论】：

connectWith: ".drag_wrapper" 对我来说没有任何意义。

它是原始示例代码的一部分，所以我留下了它。