jquery让一个div跟随他们的位置

Question

我在这里遇到麻烦......我有这个购物车图片，当你点击它时会出现一个div，它有一个箭头我希望div跟随购物车图像一直在哪里因为当你添加另一个菜单项时，购物车图像移动，看起来像下面的一个图像...

你看到箭头指向magnifine玻璃而不是购物车是因为我添加了一个新的菜单项。现在这里是我正在使用的脚本及其功能。

$(document).ready( initialise );

function initialise() {
var myObject = $(".cart-toggle");
var myposition = myObject.offset();
$("#cart").css({'margin-left' : myposition.left });

}

这就是现在的样子。

我不确定为什么它会在那里我只想要购物车图片下方的箭头...谢谢！

Answer 1

看起来您需要编辑一些css，但购物车需要绝对定位，并且需要正确重新计算偏移量。

$(function() {
  var el = $('.cart-toggle');
  var cart = $('#cart');
  var pos = el.offset();
  var cW = cart.outerWidth();
  var left = (pos.left - cW/2) + 'px';

  cart.css({
    'left' : left,
    'position' : 'absolute'
  });
});