演示：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