使用 Jquery 偏移 Droppable

Question

我的可放置区域似乎被可拖动项目的宽度所抵消。这意味着当我尝试将可拖动对象添加到可放置对象时，它会在它实际上不在项目顶部时变为活动状态（在我的图像中，添加新步骤是我的可拖动 div，而新步骤是可放置对象）。如何设置可放置对象的偏移量以考虑可拖动对象的宽度？

这是我尝试过的（不起作用）：

 $('.newStep').draggable();
 $('.newStep').draggable('enable');

  $('.stepNode').not('.newStep').droppable({
       create: function(event, ui){
       var off = $(this).offset();
       console.log("off.left: " + off.left);
       off.left += ui.draggable.width()/2;
       ui.draggable.offset(off);
     },
     disabled: false
   });

jsfiddle：

http://jsfiddle.net/jdxA8/1/

Answer 1

试试这样：

$( ".drag" ).draggable();
$( ".drop" ).droppable({
  drop: function( event, ui ) {
    var off = $( this ).offset();
    off.top += 5;
    off.left += 5;
    ui.draggable.offset( off );
  }
});

http://jsbin.com/iqunod/1/edit