javascript - 如何设置元素的位置等于另一个元素的位置？

Question

简单的问题。如何通过jquery或javascript设置元素的位置等于另一个元素的位置？

以下代码不起作用：

$('#credit_tip').css('top', $('.credit').position().top);
$('#credit_tip').css('left', $('.credit').position().left);

Answer 1

这对我有帮助：

$('#credit_tip').css('top', $('.credit').offset().top);
$('#credit_tip').css('left', $('.credit').offset().left);

Answer 2

仅当您的特定元素位于或已定位时，left, top, bottom, right这些位置才会起作用。relativelyabsolutely

如果您的代码没有以这种方式影响，那么您的 div 的 id ofcredit_tip的位置更有可能没有relativeor absolute。

因此，您可以做的是将 div 定位到relative或absolute位于css：

#credit_tip{
     position:relative;
 }

或与jquery：

$('#credit_tip').css({'top' : $('.credit').position().top, 
                      'left' : $('.credit').position().left,
                      'position':'relative'});

在这里看小提琴

并且可能存在您没有在文档中调用 jquery 库的可能性，或者可能是一些路径错误。因此，为此您可以尝试使用CDN HostedjQuery 库。

链接到cdn主机