jquery - 如果有容器的总高度，则不能拖动 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 值进行动态化......

谢谢建议！！！

Answer 1

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

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