Question

任何人都可以检查这个示例代码，并且可以帮助我修复拖动元素的克隆，它应该在交换位置时捕捉到最近的白色块因为没有克隆它是对齐，我想如何处理克隆元素。

如果我能够克隆那么我就无法抢购。如果有人帮我解决这个问题，我将不胜感激。

以下是捕捉的示例代码：

这就是我克隆的方式：

$(function() {
$(".draggable").draggable();
$(".item").droppable({
    drop: function(event, ui) {
        var $this = $(this);
        $this.append(ui.draggable);    

        var width = $this.width();
        var height = $this.height();
        var cntrLeft = (width / 2) - (ui.draggable.width() / 2);
        var cntrTop = (height / 2) - (ui.draggable.height() / 2);

        ui.draggable.css({
            left: cntrLeft + "px",
            top: cntrTop + "px"
        });
    }
});

}）;

Answer 1

$(function() {
   $(".draggable").draggable();
       $(".item").droppable({
          drop: function(event, ui) {
          var $this = $(this);
          $this.append(ui.draggable);    

          var width = $this.width();
          var height = $this.height();
          var cntrLeft = (width / 2) - (ui.draggable.width() / 2);
          var cntrTop = (height / 2) - (ui.draggable.height() / 2);

          ui.position.left = cntrLeft;
          ui.position.top = cntrTop ;
      }
   });

});

将可拖动的克隆元素捕捉到<div>部分</div>

1 个答案: