jquery - Jquery UI - 动态添加的可调整大小和可拖动的 div 超出了包含范围

Question

请通过小提琴的演示链接。当用户向 ParentDIV 添加新文本时，新添加的图层超出了父图层的大小。

尝试单击按钮 3 或 4 次，您会注意到新的文本图层将位于父图层之外。

我们可以将新添加的层限制在层内吗？JqueryUI 控件是否存在任何逻辑？

请帮忙。

jsFiddle 演示链接

Answer 1

尝试这个：

.dragClass {
   display: inline-block;
   float: left
}

$(".dragClass")
    .draggable({
        stack: "div",            
        cursor      : "move",
        delay       : 100,
        scroll      : false,
        containment : "parent",
        refreshPositions: true,
        scroll: true
    })

http://jsfiddle.net/e2yfC/18/

Answer 2

相反，我选择了另一种解决方案，即设置新添加的 div 的位置，即顶部和左侧位置。这样，新创建的 div 或图像会粘在一个地方，比如 top:10; 左：10。