我正在尝试使用jQuery使一个div可调整大小和可拖动。然而,实现似乎相当有缺陷。
我找到了几个类似的问题,但没有解决方案。
我尝试使用几种不同的
position
配置,并尝试了refreshPositions选项,但都没有起作用。
我遇到的问题:
- 当快速移动子项(尤其是在圆形运动时),它经常会破裂并停留在容器之外。
- 当将子项移动到右下角,然后尝试通过重复拖动将子项拖出角落时,在每次迭代中,子项都会进一步破坏限制。
- 当限制被破坏时,在下一次拖动时,您也可以拖入这个破碎的限制区域。
我已将示例最小化。
尽管Fiddle似乎在IE 10和Opera中崩溃,但这在所有浏览器中都是可重现的。
$(".child")
.draggable({
containment: "parent",
cursor: "move"
}).resizable({
handles: "s,e",
containment: "parent",
minHeight: 50,
minWidth: 50
});
点击这里查看一个完整但简单的示例。
我该如何解决这个包含问题?
overflow:hidden
对我很有用,确实非常奇怪!你在哪里找到这个解决方案的?通过 bug 追踪器吗?今天我感觉我的谷歌技能让我失望了! - Willem D'Haeseleer