jQuery UI拖放 - 在悬停时展开拖放区域的高度

时间:2014-08-18 19:42:19

标签: jquery jquery-ui jquery-ui-draggable jquery-ui-droppable

我正在尝试使用jQuery UI的拖放功能扩展放置区域的高度,它似乎并没有像我期望的那样工作。请看以下小提琴:

http://jsfiddle.net/pn226rj9/

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

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

我期望发生的事情是,当跌落区域高度增加时,它就变成了新的'丢弃区域的高度,我现在可以悬停在整个区域上,同时仍处于悬停状态。

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

有没有让jQuery识别这个新的高度?

1 个答案:

答案 0 :(得分:0)

refreshPositions属性设置为true ...

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

http://jsfiddle.net/pn226rj9/3/