3

デモ: http://jsfiddle.net/rWpca/

問題1

ここで達成しようとしているのは、ユーザーがドラッグ可能なものをドロップ可能な領域にピックアップまたはドロップすると、スタイリングが異なることです。悲しいことに、いくつかの中間アニメーションが発生しています。

アイテムを拾うとすぐにサイズが大きくなりますが、これは望ましい動作ですが、ドロップするとすぐにフォント サイズが一時的に小さくなり、その後再び大きくなります。この動作は、jQuery がドロップされた項目の位置をアニメーション化している場合にのみ発生します。要素がスムーズに遷移せずに所定の位置に「スナップ」する場合、アニメーションやフォント サイズの変更はありません。

問題2

単語をドロップしたときに jQuery が位置をスムーズにアニメーション化しないことがあり、正しい場所に着地します。イージングは​​まったくなく、ページを飛び回るだけです。なぜこうなった？

4

1 に答える 1

1

サイズの問題を解決するには、CSS をこれに変更します。

から：

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

に：

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

ドラッグすると、ui-sortable-helperクラスがスパンに追加されます。

revert編集:また、2番目の問題に関して、属性を整数に設定できるという考えに出会いました。私はそれを 500 に設定しました。
このような： revert: 500

于 2012-10-03T17:31:10.220 に答える