Jquery 更改内容div时，执行一个操作

我有一个拖放系统正在运行，我想在将某些东西放到另一个容器中时执行一个操作。所以我猜有两种可能性，一种是在拖放完成后执行jQuery操作，另一种是对包含可拖动项的div中的更改做出反应

这是我想在执行拖动后执行的操作（现在是单击功能）

这是拖放代码

// Drag drop function.

(function ($) {
var lastPlace;

$(".painting").draggable({
    revert: true,
    zIndex: 10,
    snap: ".vote",
    snapMode: "inner",
    snapTolerance: 40,
    start: function (event, ui) {
        lastPlace = $(this).parent();
    }
});

$(".vote").droppable({
    drop: function (event, ui) {
        var dropped = ui.draggable;
        var droppedOn = this;

        if ($(droppedOn).children().length > 0) {
            $(droppedOn).children().detach().prependTo($(lastPlace));
        }

        $(dropped).detach().css({
            top: 0,
            left: 0
        }).prependTo($(droppedOn));
    }
});
})(jQuery);

将绘画拖放到顶部的容器中时，会产生间隙。然后你必须点击带有绘画的容器来重新调整间隙。我希望它发生在拖放功能完成之后。

---

经过研究，我找到了显示此代码的

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

我编辑了以下内容：

$( ".vote" ).droppable({
    drop: function( event, ui ) {
      var dropped = ui.draggable;
      var droppedOn = this;

      if ($(droppedOn).children().length > 0) {
          $(droppedOn).children().detach().prependTo($(lastPlace));
      }

      $(dropped).detach().css({
          top: 0,
          left: 0
      }).prependTo($(droppedOn));
      msnry = new Masonry( container );
    }
  });

它现在执行

msnry=new-mashine（容器）.vote

后的代码>代码

$( ".vote" ).droppable({
    drop: function( event, ui ) {
      var dropped = ui.draggable;
      var droppedOn = this;

      if ($(droppedOn).children().length > 0) {
          $(droppedOn).children().detach().prependTo($(lastPlace));
      }

      $(dropped).detach().css({
          top: 0,
          left: 0
      }).prependTo($(droppedOn));
      msnry = new Masonry( container );
    }
  });