2012-11-05 4 views
0

특히 부트 스트랩에 대해 같은 높이의 스팬을 얻는 방법에 대해 많은 연구를 해보았습니다. 필라멘트 그룹을 통해 플러그인을 발견했지만 예상대로 작동하지 않는 이유는 없습니다. http://filamentgroup.com/lab/setting_equal_heights_with_jquery에 대한 참조트위터 부트 스트랩 프레임 워크의 스팬 높이가 같음

this fiddle 나는 모든 길이가 똑같은 높이가되도록하고 싶습니다. equalHeights() 메서드 플러그 인을 올바르게 호출했지만 행운은 없습니다.

모든 포인터를 알려주세요.

답변

1

동등한 높이 플러그인을 포함하지 않았기 때문에 코드가 작동하지 않습니다. 당신이 플러그인이 코드를

$(function() { 
    var maxHeight=0; 
    $('.span4').each(function(){ 
     if($(this).height()>maxHeight) { 
     maxHeight=$(this).height(); 
     } 
    }); 

    $('.span4').height(maxHeight); 
}); 

검사를하려고 사용하지 않는 경우이 작업 fiddle

** 참고 : 요소 ID가 고유해야 내가했던 바이올린에 확인해야합니다.

+0

감사합니다 ...하지만이 코드를 다른 기간에 사용하고 싶다면 ... span6, span2 및 span4를 좋아합니까? 나는이 코드가 플러그인이 효과적으로 작동하지 않는다면 잘되어야한다고 생각한다. 하지만 매개 변수를 입력해야합니까? 예. 그냥이 $ ('. span4')를 사용합니다. equalHeights(); –

+0

오, 알았어. 알았어. 우리는 하나의 스팬을 메인 행으로 사용하여 비교하고 그 높이와 일치시키는 다른 스패닝을 만든다. 나는 바이올린을 수정했다. 코드에 많은 것을 배웠다. 정말로 도움이되었다! –