1

ドロップ可能な div:

<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>

ドラッグ可能な画像がいくつかあります。このコンテナにドロップすると、画像の中心があった場所に画像がドロップされます。しかし、画像の左上隅の場所にドロップしたいと思います。解決策はありますか？

4

1 に答える 1

0

最初に、JQuery ドラッグ可能に標準のスナップ位置機能があるかどうかを確認します。そうしないと、ドロップ時に画像を必要な位置に「移動」する必要があります。次のようなちょっとした計算で:

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);
}
于 2013-02-10T20:20:02.310 に答える