jquery - IE中的jQueryUI可拖动和可调整大小问题

Question

我在让可调整大小的功能在下面的 jsFiddle 中工作时遇到问题 - http://jsfiddle.net/cyVYq/

出于某种原因，每次我尝试调整大小时，元素都会消失并且下面的 div 会被拉起。有没有人遇到过这个问题或有什么想法导致它以这种方式运行？

<div style="width: 99%; overflow: auto;position:absolute;">

        <div class="TimelineContainer">
            <div class="Task">
                <div id="coords"></div>
            </div>
            <div class="Event">
            </div>
            <div class="Resource">
            </div>
        </div>

</div>

提前谢谢了

Answer 1

工作小提琴

基本上，可拖动脚本将元素的位置更改为绝对位置，从而将所有内容发送为循环。如果你事先考虑到这一点，就像我的小提琴一样。都很好。

注意：我没有改变你对那个黄色的所做的任何事情，因为那可能与你在这里询问的问题是分开的。

将您的CSS更改为：

.TimelineContainer {
    position:relative;
    height:75px;
}
.Task
{
    position: relative;
    height: 25px;
    width: 25px;
    background-color: Yellow;
    cursor: move;
}
.Event
{
    position: absolute;
    left:5px;
    height: 25px;
    width: 25px;
    background-color: Blue;
    cursor: move;
    top:25px;
    display:block;

}
.Resource
{
    position: absolute;
    left:10px;
    min-height: 25px;
    min-width: 25px;
    background-color: Red;
    cursor: move;
    top:50px;

}