获取组件的放置目标

问题描述

| 嗨，我想在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_3\",drop:dropCallback,greedy:true
          };

    /* Droppable */

    $(\".drop_1,.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);
   }
});