演示：http://jsfiddle.net/rWpca/
第一大问题
我在这里要实现的是，当用户拿起或将可拖动内容拖放到可放置区域时，样式会有所不同。可悲的是，有一些中间动画正在发生。
您会注意到，当您拿起它时，项目的大小会立即增加，这是所需的行为，但是一旦放下它，字体大小就会暂时减小，然后再次增加。仅当 jQuery 对放置项的定位进行动画处理时，才会表现出此行为。如果元素"对齐"到位而不是平滑过渡，则不会有动画或字体大小更改。
问题二
有时，当您放下单词时，jQuery 不会流畅地设置定位动画，以便它落在正确的位置。它只是在页面上飞来飞去，根本没有任何缓和。为什么会这样？
要解决大小问题，请将您的 CSS 更改为此值。
从：
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