如果droppable元素移动,jQuery UI droppable hitbox不会更新

时间:2012-01-06 05:07:56

标签: jquery jquery-ui

我有一组图标和一个垃圾桶。拾取元素时,垃圾桶会向下滑动。这些动作由dragstart事件触发。

问题在于虽然垃圾桶元素按预期移动,但是命中框仍然存在(可拖动元素只能放在垃圾桶 的位置,而不是它移动到的位置。)

This Fiddle illustrates the problem.(将绿色框拖到红色框上。当红色框认为有东西被拖过时,它会变成蓝色。)

无论动画是在CSS中还是在jQuery中完成,都会出现此行为。

有什么想法吗?谢谢你的帮助!

1 个答案:

答案 0 :(得分:4)

这样做:

$('.draggable')
    .draggable({
        helper: 'clone',
        opacity: 0.25,
        cursor: 'move',
        refreshPositions: true // forces recalculation of offsets
    })