크기 조정은 jQuery를 드래그/드롭 가능한

Question

데모를 사용하여 요소를 집어 : http://jsfiddle.net/rWpca/

문제 번호 내가 여기 달성하려고하는 것은 하나의

그 사용자는 집어 들고, 나에게 드래그 떨어지면 droppable 한 지역, 스타일은 다를 것이다. 슬프게도 중간 애니메이션이 발생합니다.

픽업 할 때 항목의 크기가 즉시 커지므로 원하는 동작이지만 놓으면 바로 글꼴 크기가 줄어들어 다시 증가합니다. 이 동작은 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 클래스는 사용자의 범위에 추가됩니다.

EDIT : 또한 두 번째 문제에 관해서는 revert 속성을 정수로 설정할 수 있다는 생각이 들었습니다. 나는 그것을 500으로 설정했고 두 번째 문제는 덜 발생하는 것처럼 보였다.
좋아요 : revert: 500