如果具有包含的总高度，则无法拖动div

Question

我有一个带有以下css的div：

.azul{
   height:100%;
   width:100px;
   position:absolute;
   left:0px;
   top:0px;
   background-color:blue;
}

100%的高度与容器的高度相同。

我将"dragstart"绑定到一个函数。该函数将div调整为较小的高度。

如果我定义：

jQuery(element).draggable({ containment: ".container" });

div的大小调整得很好，但不能将其移动到Y位置，只有X，所以…左css属性发生了变化，但顶部没有…

我推断，当拖动开始时，jquery-ui取div的初始高度（100%），当我在函数中更改它时。。。jquery ui不允许我移动Y位置，因为100%存储在某个地方。。。

我试着不放100%，用px值做dinamical。。。

谢谢你的建议！！！

Answer 1

看起来您需要在dragStart之前调整大小。

jQuery(".panel").bind("mousedown", onDragStart);