JavaScript / jQuery: смещение <DIV>на основе другой высоты <DIV>после загрузки страницы

Question

Я пытаюсь сделать это:

!!! только что узнал, что не могу отправить изображения, потому что я новичок ...

Я поместил изображение, которое отлично описывает проблему на Diino: Ссылка на папку Diino (18,9 КБ) вместе с примерами файлов (html, css и т. Д.).

У движущегося 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;
}

Перемещение DIV с помощью CSS работает статично, НО я не могу заставить его перемещаться с помощью 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)
• Чтобы уточнить: это хак, потому что у меня нет доступа к ордеру DIV, и поэтому я должен переместить этот DIV на место после его рендеринга. Проблема в том, что div с тегами может меняться от одной до трех строк. Вот почему смещение должно быть рассчитано.

Я действительно ценю любую помощь, которую могу получить. Спасибо'S!

Answer 1

попробуйте с этим кодом:

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