Erhalten Attribut-ID eines Div-Elements, das mit JQUERY gezogen wird

Question

Kürzlich habe ich versucht, die ID = "was-ID" Attribut einer Div, die gezogen wird, aber ich bisher nicht gelungen ist . Im Folgenden finden Sie meinen Code (nur das Ziehen), wo ich versuche, dieses ID-Attribut mit ui und event-Objekten zu erhalten, aber ich kann nicht sehen, wo das Problem liegt.

$(function() 
{ 
    $(".action-zone").draggable(
    { 
     scroll: true, 
     helper:"clone", 
     snap: ".actionDropAreaMovebleAction", 
     snapMode: "inner", 
     snapTolerance: 50, 
     opacity: 0.7, 
     forcePlaceholderSize: true, 
     forceHelperSize: true, 
     start: function(event, ui) 
     { 
      alert(ui.draggable.attr("id")); 

      //INSERT THE DROP ZONE DIV IN ALL ELEMENTS EXCEPT ON THOSE WHOSE CLASS IS DRAGGINGACTION 
      $(".action-zone:not(.draggingAction)").after("<div class='actionDropAreaMovebleAction'>\n\ 
              <div class='plus'>\n\ 
               <i class='fa fa-hand-o-down'></i>\n\ 
              </div>\n\ 
             </div>"); 

      $(".actionDropAreaMovebleAction").addClass("highlighted"); 
      makeActionsDroppable(); 
     }, 
     stop:function(event, ui) 
     { 
      $(".actionDropAreaMovebleAction").removeClass("highlighted"); 
      $("div").remove(".actionDropAreaMovebleAction"); 
      $(this).removeClass("draggingAction"); 
      //alert("hallo"); 
     } 
    }); 
}); 

Wie man sehen kann ich versuchen, "Alarm()" das Attribut ID des DIV-Elements mit Klasse "Action-Zone" nur für Testzwecke, aber wenn der Alarm kommt I bekomme ein "undefined" Element zurück.

Hat jemand eine Idee, warum das passiert ist?

Ich danke Ihnen im Voraus.

Answer 1

können Sie nur ui.draggable verwenden, um das ziehbar-Objekt zu erhalten, wenn es um woanders fallen, wie Sie das Objekt in droppable fangen können:

$(".drop-zone").droppable({ 
    drop: function(event, ui) { 
    console.log(ui.draggable); // will give you the draggable object 
    } 
}); 

jedoch in Ihrem draggable ‚s start Ereignisse, könnten Sie bekommen die ID des Objekts wie folgt:

$(".action-zone").draggable({ 
    start: function(event, ui) { 
    console.log(ui.draggable); // will give you undefined 
    console.log(event.target.id); // will give you the id 
    console.log(event.target.attr('id')); // error! 
    console.log($(event.target).attr('id')); // will give you the id 
    } 
});