jQuery関数に含まれるDOM要素を変更する

Question

特に、jQueryを使用してドラッグアンドドロップします。

が

1）ドラッグされている/ドロップ：

     $(".note").droppable({ 
          drop: function() { 

          } 
         }); 

はどのようにしていることをDOM要素を得るのですか？

2）落としていますか？

今後の質問：どのように私は自分自身でこの質問に答えることができたかに関する任意の提案？

Answer 1

次の2つの引数、eventとuiを受け入れる機能を持つドラッグ可能のdropイベントをフックした場合は、その後、thisは上のドロップされたドロップ可能なドラッグの生のDOM要素であり、そしてui.draggableはドラッグ可能です。 the docs on the drop eventから

：

受け入れドラッグは、このドロップ可能（の許容範囲内で）「上」削除されるときに、このイベントがトリガされます。コールバックでは、$(this)は、ドラッグ可能なドロップ可能なドロップ可能オブジェクトを表します。 ui.draggableはドラッグ可能です。

があり、彼らはドロップ可能で$(this)であると述べましたが、彼らはあなたがそれに巻き付けjQueryのインスタンスをしたいと仮定しているからです。 thisは生のDOM要素になります。

例えば：アクション上記との例の

$("your selector here").droppable({ 
    drop: function(event, ui) { 
     // this = raw DOM element of droppable 
     // $(this) = creates jQuery wrapper around the DOM element 
     // `ui.draggable` = draggable 

     // Let's make the draggable red, and the droppable blue: 
     ui.draggable.css("color", "red"); 
     $(this).css("color", "blue"); 
    } 
}); 

Here's a live copy 1。