Question

Droppable divs：

<div id="invContainer" style="width:100px; height:100px;>
  <div id="inv_0-0" class="inventory" style="position: relative; float:left; width:50px; height:50px; background-color: #fff;"></div>
  <div id="inv_1-0" class="inventory" style="position: relative; float:left; width:50px; height:50px; background-color: #000;"></div>
  <div id="inv_0-1" class="inventory" style="position: relative; float:left; width:50px; height:50px; background-color: #000;"></div>
  <div id="inv_1-1" class="inventory" style="position: relative; float:left; width:50px; height:50px; background-color: #fff;"></div>
</div>

我有一些可拖动的图像，如果我把它放到这个容器中，图像会落在图像中心的位置。但我希望它放在图像左上角的位置。任何解决方案？

Answer 1

首先看看JQuery draggable是否具有标准的snap-to-position功能。你需要将图像“移动”到你想要的位置。像这样的小数学：

function ondrop_move(obj) {
    w = obj.width();
    h = obj.height();
    new_top = obj.position().top + (h / 2);
    new_left = obj.position().left + (w / 2)
    obj.css('left', new_left);
    obj.css('top', new_top);
}

Jquery可拖动图像下降到左上角所在的div

1 个答案: