可拖放的JQuery UI -子div消失。

Question

当我在父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 (我在看“我包含在我的盒子里”的例子)

• CodePen演示
• JSFiddle演示

Answer 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});