Javascript jquery使一个div跟随另一个div的位置
我的剧本有问题。。。我有这个购物车图像,当你点击它时,会出现一个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
$(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?很抱歉这么做,但你认为你能让箭头移动吗?而不是购物车?它是。面板:在我真的通知你之前。希望它能有所帮助。那么,我该如何为小组做这件事呢?