jQuery UI 拖放 - 悬停时扩展放置区域的高度答案

【问题标题】：jQuery UI Drag and Drop - expand height of drop area on hoverjQuery UI 拖放 - 悬停时扩展放置区域的高度
【发布时间】：2014-08-18 19:42:19
【问题描述】：

我正在尝试使用 jQuery UI 的拖放功能来扩展放置区域的高度，但它似乎没有像我预期的那样工作。请看下面的小提琴：

请注意，我在悬停时将高度从 10px 扩展到 120px：

.ui-state-hover {
    height:120px !important;
}

我期望发生的是，当放置区域高度增加时，它成为放置区域的“新”高度，我现在可以悬停在整个区域上，同时仍处于悬停状态。

然而，看起来 jQuery 正在记住放置区域的原始高度，并将其视为事实上的高度，无论我将其更改为什么。这会导致悬停状态消失，同时看起来仍处于放置区域中。

有没有办法让 jQuery 识别这个新高度？

【问题讨论】：

您的 ui-state-hover 类仅在悬停操作时添加到元素中，然后在您不再悬停在恢复元素高度的元素上时从元素中删除。
是的，但是当我将鼠标悬停在元素上时添加了 ui-state-hover 类，所以当我悬停时，该元素的高度现在应该是 120px。因此，我应该能够在 120 像素内移动任何地方，并且仍然处于悬停状态。它适用于 CSS：jsfiddle.net/1w78hmg3/1

【解决方案1】：

将refreshPositions 属性设置为true...

$("#draggable").draggable({ refreshPositions: true});

【讨论】：