javascript - jquery 使一个 div 跟随另一个位置

Question

我的脚本在这里遇到问题...我有这个购物车图像，当您单击它时会出现一个 div 并且它有一个箭头我希望该 div 始终跟随购物车图像的位置，因为当您添加另一个菜单项时，购物车图像会移动并看起来像下面的一个图像......

你看到箭头指向放大镜而不是购物车是因为我添加了一个新的菜单项。现在这是我正在使用的脚本及其作用。

$(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'
  });
});