在特定元素识别中删除元素

Question

我能以某种方式识别我将元素放入特定元素吗？

我很了解这段代码，但是如果我需要在将 .card 放入 class .drop1 之后做一些事情，并在将 .card 放入 class .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!" );
       }
    });
 } );

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