修改jQuery函數中涉及的DOM元素

Question

具體而言，使用jQuery進行拖放。

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

          } 
         }); 

我如何獲得的DOM元素：

1）被拖動/下降了嗎？

2）正在丟棄？

後續問題：如何我可以自己回答這個問題的任何建議？

Answer 1

如果掛鉤drop事件可拖動與接受兩個參數，event和ui功能，那麼this是可放開可拖動的原始DOM元素被丟棄，並ui.draggable是可拖動。

從the docs on the drop event：

時接受的可拖動被丟棄「在」這可放開（的公差範圍內）觸發此事件。在回調中，$(this)表示可拖動的拖放。 ui.draggable代表可拖動。

在那裏他們說droppoble是$(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的它們與上述行動的例子之一。