Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/296.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery使一个div跟随另一个div的位置_Javascript_Php_Html_Css - Fatal编程技术网

Javascript jquery使一个div跟随另一个div的位置

Javascript jquery使一个div跟随另一个div的位置,javascript,php,html,css,Javascript,Php,Html,Css,我的剧本有问题。。。我有这个购物车图像,当你点击它时,会出现一个div,它有一个箭头,我希望该div始终跟随购物车图像所在的位置,因为当你添加另一个菜单项时,购物车图像会移动,看起来像下面的一个图像。。。 你可以看到箭头是如何指向放大镜而不是购物车的,因为我添加了一个新的菜单项。下面是我使用的脚本及其作用 $(document).ready( initialise ); function initialise() { var myObject = $(".cart-toggle&q

我的剧本有问题。。。我有这个购物车图像,当你点击它时,会出现一个div,它有一个箭头,我希望该div始终跟随购物车图像所在的位置,因为当你添加另一个菜单项时,购物车图像会移动,看起来像下面的一个图像。。。

你可以看到箭头是如何指向放大镜而不是购物车的,因为我添加了一个新的菜单项。下面是我使用的脚本及其作用

$(document).ready( initialise );

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

}
这是它现在的样子。


我不知道为什么它会在那里,我只是想在车下的图像箭头。。。谢谢大家!

看起来您需要编辑一些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'
  });
});

我很欣赏提供的代码,但是如果不支持html/css,就很难进行调试。也许是一个活生生的例子/jsfiddle?它包含了大量的html和css。您想要一个类似于
initialise()的链接调用函数吗@derek_duncan好的,我刚刚添加了脚本,它又搞砸了它添加了负px?很抱歉这么做,但你认为你能让箭头移动吗?而不是购物车?它是。面板:在我真的通知你之前。希望它能有所帮助。那么,我该如何为小组做这件事呢?