JavaScript/jQuery : Offset a based on another height after page load

Question

我正在尝试这样做:

!!!刚刚得知我不能提交图片，因为我是新手...

I have placed the image which perfectly describes the problem on Diino: Link to Diino folder (18,9kb) together with example files (html,css etc).

移动的 DIV 有这个 CSS:

    div.linkr-bm {
float:left;
height:1px;
overflow:visible;
position:relative;
top:68px;
z-index:2;
}

具有高度值的 DIV 具有此 CSS:

.entry-tags {
 float:left;
 font-family:Calibri;
 font-size:small;
 font-weight:bold;
 line-height:1.6;
 margin:0;
 padding:0;
 width:400px;
 display:block;
}

使用 CSS 移动 DIV 是静态的，但是在使用此脚本加载页面后我无法使用 jQuery 移动它:

jQuery(document).ready(function(){
$('.entry').each(function(){
var height = $(this).children('.entry-tags').height();
$(this).children('.linkr-bm').css('top', height);

 }); 
});

• DIV 迭代六次/页
• DIV 有类(没有#ID)
• 澄清一下:这是一个 hack，因为我无权访问 DIV 顺序，因此必须在呈现后将此 DIV 移动到位。问题是带有标签的 div 可能会从一行变为三行。所以这就是必须计算偏移量的原因。

我非常感谢能得到的任何帮助。谢谢!

Answer 1

试试这段代码:

jQuery(function(){ 
    jQuery('.entry').each(function(){
       $(this).find('.linkr-bm').css('top', $(this).find('.entry_tags').height() + 'px');
    });
});