可拖动的 JQuery UI - 子 div 消失答案

【问题标题】：Draggable JQuery UI - child div disappears可拖动的 JQuery UI - 子 div 消失
【发布时间】：2014-05-10 17:38:09
【问题描述】：

当我将我的子 div 拖动到父 div 内时，当我的鼠标拖动到边界之外时它就会消失。在可拖动的 Jquery 文档示例中，子 div 不能超出父容器的边界。对我的代码缺少什么有任何想法？

HTML 标记：

<div class="containment-wrapper">
<div class="boxone" class="draggable ui-widget-content">
</div>

<div class="boxtwo" class="draggable ui-widget-content">
</div>



<div class="boxthree">
</div>

</div>

JavaScript：

$(".boxtwo").draggable({ containment: "#containment-wrapper", scroll: false });

$(".boxthree").draggable({ containment: "#containment-wrapper", scroll: false});

http://jqueryui.com/draggable/#constrain-movement（我在看“我在我的盒子里”的例子）

【问题讨论】：

-1 请向我们展示您的代码或做一个 jsfiddle.net
给你，谢谢！ jsfiddle.net/Nj5Gw
把它连同你的代码和试验一起放在你的问题中，我会再次投票给你
你到底想做什么？你可以扮演一个看不见的父母
@pc-shooter 无需投票，而您可以删除反对票，这个问题真的值得投票吗？还是您这样做只是为了取消反对票？

标签： javascript jquery-ui

【解决方案1】：

改变这个：

$(".boxtwo").draggable({ containment: "#containment-wrapper", scroll: false });
$(".boxthree").draggable({ containment: "#containment-wrapper", scroll: false});

到这里：

$(".boxtwo").draggable({ containment: "#containment-wrapper", scroll: false });
$(".boxthree").draggable({ containment: "parent", scroll: false});

【讨论】：