Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.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偏移量从一个元素复制到另一个元素会将它们放在不同的位置_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 将jQuery偏移量从一个元素复制到另一个元素会将它们放在不同的位置

Javascript 将jQuery偏移量从一个元素复制到另一个元素会将它们放在不同的位置,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的目标是给2个div,一个带有标记内容,在另一个div中生成与第一个div垂直对齐的新内容。到目前为止,我得到的一个最简单的例子在下面的代码片段中 我尝试过做一些调整,比如从新元素的上侧偏移量减去$('sidebar').offset().top和/或页眉的高度(认为新元素可能由于某种原因从侧边栏顶部而不是文档顶部偏移),但这仍然不能将其放在正确的位置 我认为这里的障碍是要弄清楚为什么标记偏移量.top和测试提示.offset().top在末尾不相等,即使在实例化测试提示时明确指定了这一点

我的目标是给2个div,一个带有标记内容,在另一个div中生成与第一个div垂直对齐的新内容。到目前为止,我得到的一个最简单的例子在下面的代码片段中

我尝试过做一些调整,比如从新元素的上侧偏移量减去
$('sidebar').offset().top
和/或页眉的高度(认为新元素可能由于某种原因从侧边栏顶部而不是文档顶部偏移),但这仍然不能将其放在正确的位置

我认为这里的障碍是要弄清楚为什么
标记偏移量.top
测试提示.offset().top
在末尾不相等,即使在实例化
测试提示时明确指定了这一点

var tag_offset=$('.jt tooltip tag').offset();
标签U偏移量['left']=0;
var tag_text=$('.jt工具提示文本').text();
变量测试提示=$('').text(tag_text).offset(tag_offset).appendTo('#jt工具提示边栏')
.middlebar{
宽度:49%;
浮动:左;
}
.侧边栏{
高度:500px;
宽度:49%;
浮动:对;
边框:1px纯紫色;
}
.jt工具提示标记{
字体大小:粗体;
背景色:#14c9c9;
}
.jt工具提示文本{
显示:无;
}
.jt侧边栏提示{
位置:相对位置;
}

Omigosh头球!
Lorem ipsum dolor sit amet,是一位杰出的献身者。这是我的错。大口径、大口径、高效的舌苔。一个自由的正义,一个封建的正义,一个邪恶的正义。Donec Vehiclula ligula ut diam bibendum,vel
康瓦利斯purus blandit。Nulla facilisi。这应该与facilisi垂直对齐。多内克·普雷蒂姆,狮子座在康茂德·迪格尼西姆,厄洛斯
在扫描电镜下观察到的叶舌。这是一种非常有效的方法,可以帮助孕妇获得巨大的生命。所有的一切都是暂时的。阿利奎姆在欧盟港口完成了任务。

为了相对于文档定位元素,需要将其CSS设置为
位置:绝对。但是,您还需要将其
偏移设置为将其放入容器中的位置。我是通过复制
$(“#jt工具提示侧边栏”).offset()来完成这项工作的。左

var tag_offset=$('.jt tooltip tag').offset();
tag_offset.left=$(“#jt工具提示边栏”).offset().left;
var tag_text=$('.jt工具提示文本').text();
变量测试提示=$('').text(tag_text).offset(tag_offset).appendTo('#jt工具提示边栏')
.middlebar{
宽度:49%;
浮动:左;
}
.侧边栏{
高度:500px;
宽度:49%;
浮动:对;
边框:1px纯紫色;
}
.jt工具提示标记{
字体大小:粗体;
背景色:#14c9c9;
}
.jt工具提示文本{
显示:无;
}
.jt侧边栏提示{
位置:绝对位置;
}

Omigosh头球!
Lorem ipsum dolor sit amet,是一位杰出的献身者。这是我的错。大口径、大口径、高效的舌苔。一个自由的正义,一个封建的正义,一个邪恶的正义。Donec Vehiclula ligula ut diam bibendum,vel
康瓦利斯purus blandit。Nulla facilisi。这应该与facilisi垂直对齐。多内克·普雷蒂姆,狮子座在康茂德·迪格尼西姆,厄洛斯
在扫描电镜下观察到的叶舌。这是一种非常有效的方法,可以帮助孕妇获得巨大的生命。所有的一切都是暂时的。阿利奎姆在欧盟港口完成了任务。

谢谢!我也意识到了这一点,这确实让我达到了我想要的目标。为了进一步的启发,您是否知道为什么将其设置为“相对”会将顶部偏移量弄乱?看起来,如果它要把事情搞砸,它只需要添加从父对象(侧边栏)的偏移量,或者类似的东西,但情况似乎并非如此。它正是这么做的。当我检查你的版本时,它说顶部是187.5px,这是它相对于侧边栏元素顶部的位置。哦,我看到我从错误的位置抓取偏移来检查它。非常感谢你!