2013-02-10 199 views
-2

簡單的問題。如何設置元素的位置等於通過jQuery或JavaScript的另一個元素的位置?如何設置元素的位置等於另一個元素的位置?

下面的代碼不起作用:

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

http://api.jquery.com/position或http://api.jquery.com/offset然後使用http:// API。 jquery.com/css絕對定位它。 – Blazemonger 2013-02-10 17:42:00

+0

這不適用於上面的代碼。 – Dmitry 2013-02-10 17:45:25

+0

它以什麼方式不起作用?你能提供一個([最小/代表性](http://sscce.org))[現場演示](http://jsfiddle.net/)和你的HTML嗎? – 2013-02-10 17:45:32

回答

1

這有助於我:

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

left, top, bottom, right這些positons如果您的特定元素是relativelyabsolutely定位纔有效。

如果您的代碼沒有影響那麼,那麼您的ID爲credit_tip的div的位置不是relativeabsolute

所以你能做的是什麼位置的div來relativeabsolutecss

#credit_tip{ 
    position:relative; 
} 

jquery

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

See the fiddle here

,並有可能是possiblities你沒有在文檔中調用jquery庫,或者可能是一些路徑錯誤。所以對於這個你可以試試CDN Hosted jQuery庫。

link to cdn host

+0

Jau,謝謝你的回答。 – Dmitry 2013-02-10 18:23:19