获取组件的放置目标

| 嗨,我想在Drop事件之后获取Drop目标的className / ID。有人告诉我怎么去吗?
<div class=\"drop_1\" id=\"drop1\"></div>

<div class=\"drop_2\" id=\"drop2\"></div>

<div class=\"drop_3\" id=\"drop3\"></div>
所有DIV组件必须彼此可拖放     
已邀请:
$(function() {

      ***/* Make draggable */***

        $(\".drop_1, .drop_2, .drop_3\").draggable();

        var dropOpts = {
        accept:\".drop_1, .drop_2, .drop_3\",
        drop:dropCallback,
        greedy:true
          };

    /* Droppable */

    $(\".drop_1, .drop_2, .drop_3\").droppable(dropOpts);

    /*get your Drop target*/

     function dropCallback(e) {
        alert(\"The firing droppable was \" + e.target.className);
        }

    });
    
在放置处理程序中使用this.id jsFiddle演示
$( \".selector\" ).droppable({
   drop: function(event, ui) {
       console.log(this.id);
   }
});
    

要回复问题请先登录注册