jquery - 将一个 div 居中对齐到另一个 div(故障)

Question

You can find jsFiddle demo here

正如您可能在图片上看到的那样，我试图将中间的一个圆圈(div，绿色)与另一个圆圈(div，灰色)对齐。我计算了两个 div 的中心并使它们相等，但绿色小圆圈仍然不在中间。

错在哪里？我只是找不到它。

我用来对齐圆圈的 jquery(其中 o 是绿色圆圈，$(this) 是灰色圆圈:

$.fn.center = function(o) {
  var _X = parseInt(o.css('left')) + parseInt(o.width())/2 - parseInt($(this).width())/2;
  var _Y = parseInt(o.css('top')) + parseInt(o.height())/2 - parseInt($(this).height())/2;
  $(this).offset({ top: _Y, left: _X });
};

提前感谢您的帮助!

Answer 1

使用 jQuery UI 的 position 方法。它允许您相对于任何其他元素定位任何元素，并抽象出所有的复杂性。 (由 ogc-nick 提供)。

$.fn.center = function(o) {
    $(this).position({
      my: "center middle",
      at: "center middle",
      of: o
    });
};