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这些位置仅在您的特定元素位于relatively或absolutely时才有效。

如果您的代码没有影响这种方式，那么ID为credit_tip的div的位置可能不会relative或absolute。

所以你可以做的是将div放在relative中的absolute或css：

#credit_tip{
     position:relative;
 }

或jquery：

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

See the fiddle here

并且可能存在您未在文档中调用jquery库或可能是某些路径错误的可能性。因此，您可以尝试使用CDN Hosted jQuery库。

link to cdn host

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

2 个答案: