可拖动的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（我正在查看＆＃34;我已经包含在我的框中＆＃34;示例）

• CodePen demo
• JSFiddle demo

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