在jQueryUI中动态地将div定位在可调整大小的元素的左上角

在jQueryUI中动态地将div定位在可调整大小的元素的左上角,jquery,css,jquery-ui,jquery-ui-draggable,Jquery,Css,Jquery Ui,Jquery Ui Draggable,我正在为JQuery UI的可拖动界面创建自定义样式,您可以在这里看到: 我很难让NW Resize部分正常工作,如果您查看框的左上角(例如,西北可调整大小的类),您将看到它相对位于开始位置,看起来不错,但是当您调整框的大小时,它会变得一团糟 我想不出一个办法让它总是放在正确的位置(因为这是动态生成的,所以我也不能更改实际的HTML。这应该可以做到。在.ui可调整大小的nw上,将位置:相对更改为位置:绝对并将顶部:-166px更改为顶部:-10px) 实例: 这应该可以做到。在.ui可调整大小

我正在为JQuery UI的可拖动界面创建自定义样式,您可以在这里看到:

我很难让NW Resize部分正常工作,如果您查看框的左上角(例如,西北可调整大小的类),您将看到它相对位于开始位置,看起来不错,但是当您调整框的大小时,它会变得一团糟


我想不出一个办法让它总是放在正确的位置(因为这是动态生成的,所以我也不能更改实际的HTML。

这应该可以做到。在
.ui可调整大小的nw
上,将
位置:相对
更改为
位置:绝对
并将
顶部:-166px
更改为
顶部:-10px

实例:


这应该可以做到。在
.ui可调整大小的nw上
位置:相对
更改为
位置:绝对
并将
顶部:-166px
更改为
顶部:-10px

实例:


哇,这确实管用,我没想到,但我猜JQuery的调整大小功能可以让绝对定位像一个魔咒一样工作。谢谢!哇,这确实管用,我没想到,但我猜JQuery的调整大小功能可以让绝对定位像一个魔咒一样工作。谢谢!
.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;
}