調整大小使用jQuery可拖動/可棄

Question

演示拿起元素： http://jsfiddle.net/rWpca/

頭號問題

什麼我想在這裏實現的是，當用戶拿起或丟棄拖動到可投放區域，造型會有所不同。可悲的是有一些中間動畫發生。

你會發現，當你把它撿起來的大小物品立刻增加，這是需要的行爲，但只要你放下它，字體大小暫時的尺寸減小，然後再增大。 當jQuery是動畫丟棄的項目的定位此行爲僅展出。如果元素「卡入」而不是平滑過渡，則不會顯示動畫或更改字體大小。

問題二號

偶爾jQuery的不順利，當你放下這個詞，因此在正確的地方土地動畫的定位。它只是在整個頁面上飛行，沒有任何緩解。這是爲什麼發生？

Answer 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