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

时间:2016-10-27 20:58:08

标签: jquery javascript-events draggable jquery-ui-draggable

我可以以某种方式认识到,我将元素放入特定元素吗?

我很清楚这段代码,但如果我需要在将.card放入类.drop1之后做一些事情,并在将.card放入类.drop2之后再执行其他操作?

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

例如:

  • 投入.drop1 - >红色
  • 投入.drop2 - >蓝色

1 个答案:

答案 0 :(得分:1)

我不能100%确定这是否是您正在寻找的内容,但在jQuery UI中,drop示例已设置此项。您可以在此处引用https://jqueryui.com/droppable/

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

如果您查看该示例,您应该能够轻松地按照它进行修改,以使其适用于您的代码以使其正常工作。

相关问题