Jquery UI - 在容器/父 Div 中可拖动和排序

标签 jquery html css jquery-ui

<分区>

enter image description here

同时拖动 <div>为了排序,如果我将任何框拖到容器外,它就会出现在容器外 <div> .我不想要这个。

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

Demo link

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

最佳答案

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

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

关于Jquery UI - 在容器/父 Div 中可拖动和排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27171659/

相关文章:

javascript - jQuery 循环内容轮播 "ca-content-item"宽度

php - JQuery .eq 选择器不选择元素

javascript - 在 Mobile Safari 上播放声音?

css - 覆盖来自 YouTube 的外部 CSS

Javascript 计时器和页脚 div

javascript - Textarea 在用户输入时扩展其宽度

javascript - 如果 <p> 中的文本是 X 然后 addClass

javascript - 如何使用 jquery 禁用或隐藏轮播下一个/上一个图标

html - 将 noindex 添加到联系我们页面的原因是什么?

html - Internet Explorer 9 不支持 css3 样式