Jquery UI可调整大小的问题扩展到包含范围之外(也可以使用draggable)

时间:2012-06-11 13:16:21

标签: jquery jquery-ui jquery-resizable

我面临的问题是div的可恢复性。当我将它与Draggable一起使用时,它会产生问题而无法在宽度方面调整大小。

如果我单独使用可调整大小,那就没关系了。但我需要让它与可拖动功能一起使用。

请建议。

click the jsFiddle link for the demo.

2 个答案:

答案 0 :(得分:6)

向容器添加position:relative;可以解决问题。

请参阅此working Fiddle示例!

#ParentDIV {
    position: relative;
}

答案 1 :(得分:0)

如果您的可拖动元素处于绝对位置并且您的容器位于绝对位置,则可以将拖动的元素设置为固定的宽度和高度。这将创建一个边界框并防止拖动从边缘掉落。

#container {
    position:absolute;
}

#draggedObject {
    position:absolute:
    width: 100px;
    height: 50px;
}