Question

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

尝试单击按钮3或4次，您会发现新文本图层将位于父图层之外..

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

请帮忙。

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或图像将粘贴在一个位置顶部：10;左：10

Jquery UI - 动态添加可调整大小的＆amp;可拖动的div正在收容之外

2 个答案: