在JQuery UI中动态地将div放置在可调整大小元素的左上角

Question

我正在为您可以在此处看到的JQuery UI的Draggable界面创建自定义样式：

http://psdesignzone.com/help/Designer.html

我无法让NW-Resize部分正常工作，如果你看一下盒子的左上角（例如North West Resizable类），你会发现它在开始时相对位置看起来不错，但是当你调整盒子的大小时，它就会搞砸了。

我想不出一种让它始终位于正确位置的方法（因为这是动态生成的，我也无法改变实际的HTML。

Answer 1

这应该可以解决问题。在.ui-resizable-nw将position:relative更改为position:absolute并将top:-166px更改为top:-10px。

实例：http://jsfiddle.net/tw16/DNnSm/

.ui-resizable-nw {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #666;
    border-width: 1px 0 0 1px;
    position: absolute; /* changed from relative */
    top: -10px; /* changed from -166px */
    left: -10px;
    cursor: nw-resize;
}