2013-03-03 3 views
0

제목과 단락의 높이 값을 가져 오려고합니다. 그래서 내가 크기를 바꿀 때 오프셋을 설정하여 절대적으로 설정되었으므로 서로의 아래에 맞 춥니 다.jQuery 높이가 잘못된 값을 반환합니다.

저는 일반적으로 다르게 설명하겠습니다. 그러나 응답 형 슬라이더가 작동하는 방식이기 때문에 절대 위치로해야합니다.

그러나 each()를 사용할 때 첫 번째 슬라이드 (현재 슬라이드)에서만 제대로 작동하지만 다른 모든 슬라이드에서는 작동하지 않습니다. 슬라이드의 크기가 변경되지 않은 경우에도 슬라이드가 측면으로 이동합니다.

<div class="slide-content"> 
    <h2><span class="slide-title"><?php the_title() ?></span></h2> 
    <p class="slide-text"><?php echo $text; ?></p> 

    <a href="<?php echo get_permalink($meta["page"]) ?>" class="da-link">> Jetzt Informieren</a> 
</div> 

function test() { 
    $(".slide-content").each(function() { 
     var content = $(this); 

     var title = content.find(".slide-title"); 
     var text = content.find(".slide-text"); 
     var link = content.find(".da-link"); 

     var titleheight = title.height(); 
     var textheight = text.height(); 

     text.css("top",titleheight+"px"); 
     link.css("top",titleheight+textheight+"px"); 

    }); 
} 

이것은 제 기능입니다. 내가 할

값은 다음과 같습니다

title: 122 text: 54 
title: 164 text: 144 
title: 164 text: 126 

첫 번째 쌍은 올바른 것입니다. 다른 것은 잘못되었습니다. 따라서 현재 슬라이드에서만 작동합니다. 표시된 현재 슬라이드에 따라 달라집니다. 슬라이드가 표시되도록 설정되지 않았습니다. 이동하지 않으면 아무 것도 표시되지 않고 변경 사항은 왼쪽 오프셋뿐입니다.

기능은 다음과 같이 호출됩니다

$(window).resize(function() { 
     test(); 
    }); 

내가 구글 크롬과 요소의 크기를 확인 동일하게 유지하면 스테이지의 슬라이드로 이동합니다.

각()에 많은 문제가 있습니다. 그럼이게 뭐야?

+0

후속 슬라이드도 JS 플러그인으로 추가됩니까? 왜냐하면 그 요소들이 동적으로 생성된다면, 먼저 .on(), .live(), 또는 .delegate()를 사용해야하기 때문입니다. p/s : 바이올린은 우리가 당신의 문제를 시각화하는 데 도움이 될 것입니다. 대단히. 많은. – Terry

답변

0

먼저 CSS 재설정을 적용했는지 확인하십시오.

CSS에서 제목과 단락을 '줄'로 줄을 바꿔보십시오.

관련 문제