javascript - jQuery UI Draggable - ドラッグ中に要素を変更する必要がある

Question

ドラッグ アンド ドロップ機能を初めて使用するので、何をしているのかよくわかりません。

ドラッグ中に「ポートレット」にクラスを追加する必要があります。ユーザーに実際の要素をドラッグしてもらいたいので、クローン機能を使用したくありません。ドラッグ中に要素をノーディファイし、ドロップ時にリセットしたいだけです。

誰でも助けることができますか？

Answer 1

おそらく、バインドできる「 beforedrag 」イベントのようなものがありますか？クラスを要素に追加する方が、ユーザーが実際にドラッグを開始する前よりも簡単です。

jQuery UIを使用している場合は、ドラッグ可能なオブジェクトに「開始」イベントがあります。

http://docs.jquery.com/UI/Draggable#events

Answer 2

また、次のような「ヘルパー」オプションを使用できます。

helper : function(ev, el) {
  return ($(el).clone().addClass("beingDragged"));
}

将来、ポートレットが重くなりすぎてドラッグできない場合は、それを使用して、ドラッグしながら簡略化されたバージョンを作成して、スムーズにすることができます:)