使用jQuery draggable / droppable调整拾取元素的大小

时间:2012-10-03 06:38:40

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

演示: http://jsfiddle.net/rWpca/

第一个问题

我在这里想要实现的是,当用户拿起或将可拖动的内容放到可放置区域时,样式将会有所不同。可悲的是,有一些中间动画正在发生。

您会注意到,当您拿起它时,项目会立即增加,这是所需的行为,但只要您放弃它,字体大小会暂时缩小,然后再次增加。 仅当jQuery动画放置项的定位时才会出现此行为。如果元素“捕捉”到位而不是平滑过渡,则没有动画或更改字体大小。

第二个问题

有时候jQuery在放下单词时不能平滑地定位动画,因此它会落在正确的位置。它只是飞过页面而没有任何缓和。为什么会这样?

1 个答案:

答案 0 :(得分:1)

要解决尺寸问题,请将CSS更改为this

自:

span.ui-draggable-dragging { font-size: 20px; }

要:

span.ui-draggable-dragging, span.ui-sortable-helper { font-size: 20px; }

拖动时,ui-sortable-helper类会添加到您的范围内。

编辑:关于你的第二个问题,我想到你可以将revert属性设置为整数。我把它设置为500,你的第二个问题似乎发生得少了 像这样:revert: 500