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

working Fiddle

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

注意：我没有改变那个黄色的东西，因为那可能与你在这里问过的问题分开了。

将你的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;

}

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

1 个答案: