Jquery ui jQuery UI可拖放到更小的可拖放

我在用这个

但是，我在拖动到小于可拖动的可拖放文件时遇到问题。
它将不会落在可下拉列表上，而是落在可下拉列表的左上角

（来源：）

这有什么办法吗

这是密码，谢谢

  $('.draggable').draggable({
    revert: 'invalid',
    revertDuration: 500,
    appendTo: 'body',

    helper: function(event, ui) {
      return $(this).clone().appendTo('body').css('zIndex', 5).show();
    },
    drag: function(event, ui) {
      $(ui.helper).removeClass("enlarge");
      $(ui.helper).addClass("thumbnail");
      $(this).hide();
    },
    stop: function(event, ui) {
      $(this).show();
      //$(this).addClass("enlarge");
      if ($(this).parent().hasClass("imageContainer")) {
        $(this).addClass("thumbnail");
      }
      else {
        $(this).addClass("enlarge");
      }
    },
    //cursorAt: { top: 30, left: 40 },
    delay: 100,
    refreshPositions: true
  });


  $('.imageContainer').droppable({
    accept: '.draggable',
    drop: function(event, ui) {
      ui.draggable.css({
        "position": "relative",
        "left": "0px",
        "top": "0px"
      });
      if ($(this).children().length == 0) {
        // ui.draggable.addClass("thumbnail");
        $(ui.draggable).appendTo(this);
        $(this).removeClass("border");
      }
    },
    over: function(event, ui) {
      ui.draggable.removeClass("enlarge");
      ui.draggable.addClass("thumbnail");
      $(this).addClass("border");
    },
    out: function(event, ui) {
      // ui.draggable.removeClass("zoomIn")
      $(this).removeClass("border");
    },

    tolerance: 'intersect'
  });

CSS:

---

试着用上面的代码块替换你的代码，看看它是否接近你想要的。它可能还不完美，但让我们看看是否可以一次解决一个变化。我希望观察到的是，它的下降幅度与应该的大致相同。

能否显示可拖放和可拖放的jquery代码？我想我知道，但答案并没有在我脑海中闪过。我添加了代码，谢谢Drachenstern很抱歉，我没能回到这个问题上，我会再看一下，看看我能不能帮你你能发布放大和缩略的CSS吗？--如果将ui.helper上的类单独留在draggable上，会发生什么？它是否如预期的那样下降（即使它很大？）另一个想法是，然后我又回去工作了一段时间：你试过打开公差值吗？比如宽容：“交集”谢谢Drachenstern！我已经添加了CSS。对不起，我不知道你把ui.helper上的类单独留下是什么意思？Tolerance intersect已在可拖放上。谢谢，这是报告：）（“此处的框”是我认为可拖放的位置）尝试“Tolerance:“pointer”而不是“Tolerance:“intersect”-前面的代码更改确认了我对发生的情况的预期。就是这样！！谢谢你，德拉钦斯特恩！你知道为什么会这样吗？我想您也可以恢复类的删除。我只是想确定错误发生在哪里。（还有，既然我的答案有帮助，你会支持我吗？--我不知道这是否是一个糟糕的协议…）谢谢，这里有类似的问题，相同的修复：）

.thumbnail  {
  height:60px;
  margin-right:10px;
  width:80px;
  z-index:1;
}
.enlarge {
  border:5px solid white;
  height:145px;
  width:195px;
}

  $('.draggable').draggable({
    revert: 'invalid',
    revertDuration: 500,
    appendTo: 'body',

    helper: function(event, ui) {
      return $(this).clone().appendTo('body').css('zIndex', 5).show();
    },
    drag: function(event, ui) {
   /* $(ui.helper).removeClass("enlarge");
      $(ui.helper).addClass("thumbnail");  */
      $(this).hide();
    },
    stop: function(event, ui) {
      $(this).show();
      //$(this).addClass("enlarge");
      if ($(this).parent().hasClass("imageContainer")) {
        $(this).addClass("thumbnail");
      }
      else {
        $(this).addClass("enlarge");
      }
    },
    //cursorAt: { top: 30, left: 40 },
    delay: 100,
    refreshPositions: true
  });