特定元素识别中的液滴元素

Question

我能以某种方式认识到，我把元素放到了特定元素中吗？

我非常了解这段代码，但是如果我需要在将.card放到类.drop1中之后执行一些操作，然后在将.card放到类.drop2中之后执行其他一些操作呢？

$( ".card" ).on( "dragstop", function( event, ui ) {
        document.body.style.backgroundColor = "red";
});

例如：

• 进入.drop1后->红色
• 进入.drop2后->蓝色

Answer 1

我不能100%确定这是否是您想要的，但是在jQuery UI删除示例中已经设置了这个。您可以在这里引用它，https://jqueryui.com/droppable/

  $( function() {
    $( "#draggable" ).draggable();
    $( "#droppable" ).droppable({
      drop: function( event, ui ) {
       $( this )
         .addClass( "ui-state-highlight" )
         .find( "p" )
        .html( "Dropped!" );
       }
    });
 } );

如果您查看这个示例，您应该能够很容易地遵循它，将其修改为您的代码以使其工作。