Javascript Drop事件后Div中的Jquery可拖放中心映像

嘿，我正在使用jquerydroppable创建一个简单的清单。现在，它就像：

$(document).ready(function() {

 $( ".weapon, .helmet" ).draggable({ revert: "invalid", cursor: "move" });
 $( "#weapon_spot" ).droppable({accept: ".weapon"});
 $( "#helmet_spot" ).droppable({accept: ".helmet"});

 // make inventory slots droppable as well

 $( ".inv_slot" ).droppable({accept: ".weapon"});

}); 

我对JQuery有点陌生，在设置一个图像在某个div中对齐时遇到了一些问题。所有的东西（.wearm、.helmet等）都是一个div。在它们里面，可能有图像。div是70x70，图像也是这个尺寸

css类似于：

.inv_slot, #weapon_spot, #helmet_spot {
    width: 70px; 
    padding: 10px; 
    height: 70px; 
    margin: 10px; 
    border: 1px solid black; 
    float: left;
    text-align: center;
}

<div class='inv_slot'>
    <img class='weapon' src= "..." />
</div>

div中的图像如下所示：

.inv_slot, #weapon_spot, #helmet_spot {
    width: 70px; 
    padding: 10px; 
    height: 70px; 
    margin: 10px; 
    border: 1px solid black; 
    float: left;
    text-align: center;
}

<div class='inv_slot'>
    <img class='weapon' src= "..." />
</div>

我的问题是，当我把一个图像放到另一个div时，它没有在div的中心对齐，它没有被锁定，可以在其中移动。看起来我可以用Drag.Move来做这件事，但我找不到好的资源来解释这一点。你能帮忙吗？：）

---

编辑：我已经在

创建了一个演示，在下拉列表中添加一个下拉回调，并应用必要的样式更改。因为现在该项仍然处于绝对位置，它将无法识别您的中心css

类似这样的内容：错误（见下文）

---

我更新了。我以前错了

此

是可拖放的，

ui.draggable

是可拖放的

drop: function(ev, ui) {
    $(this).append(ui.draggable.css('position','static'))
}

---

嗯，我从中得到的效果是，当我将可拖动项（图像）放到可拖放项时，可拖动div会稍微向上移动。但是，div中的图像仍在移动。我添加了更多的代码，以便您更容易查看。Thanx获取任何帮助：）@SpyrosP-由于父对象上有文本对齐中心，所以将位置设置回静态应该可以工作。但它仍然不工作。请看看这个。考虑图像的武器，并尝试将其拖到武器箱看到效果。