가격 테이블 높이 문제

웹 페이지에 가격 테이블 플러그인을 설치했습니다. 그것은 잘 작동합니다. 그러나 나는 높이 문제에 직면 해있다. 스크린 샷 이미지를 참조하십시오. 세부 내용은 다른 내용에 비해 매우 길다. 그래서 다른 섹션이 잘못 정렬되었습니다. 모든 섹션이 축소되었습니다. 도와주세요. 감사.가격 테이블 높이 문제

Screenshot

출처

2012-03-19 Shalini Subramani

페이지를보다 쉽게 해결할 수 있도록 링크를 제공 할 수 있습니까? – ckaufman

로컬 경로에있는 파일입니다. "시간 중"섹션이 8과 18 등으로 정렬되어 있어야합니다. –

[jsFiddle] (http://jsfiddle.net)을 설정하여 문제를 시연 해보십시오. 따라서 우리가 쉽게 찾아와 문제를 찾고 해결할 수 있습니다. 그렇지 않으면 우리는 장님으로 날아갑니다. –

라인에 다음 행을 넣어 것입니다

<li><br>Detail<br>&nbsp;</li>

세부 목록 항목에 두 개의 여분의 라인을 추가 할 수 있습니다 각 행의 각 li에 대해 높이를 동일하게 설정하십시오.

Array.max = function(array){ 
    return Math.max.apply(Math, array); 
}; 
for (i = 0; i < $("ul li").length; i++) { 
//updated as per Sime Vidas comment. 
var heights= $("ul li:nth-child(" + (i) + ")").map(function() { 
    return $(this).height(); 
}).get(); 
var maxHeight = Array.max(heights); 
$("ul li:nth-child(" + (i) + ")").css("height", maxHeight); 
}

다음은 피들 업데이트입니다. http://jsfiddle.net/PR9am/1/

희망이 있습니다.

출처

2012-03-19 19:33:14

아마 다른 div 안에 목록을 넣고 코드를 업데이트하면 다른 정렬되지 않은 목록이 엉망이되지 않을 것입니다. 이렇게 : http://jsfiddle.net/PR9am/2/ –

와우. 그것은 잘 작동합니다. 고마워. 나는 너무 행복해. –

안녕하십니까. 다행히 도울 수있어. –

-1

당신은 단순히이 jQuery를이 최대 높이를 얻을 것이다이 나머지

출처

2012-03-19 17:17:15 ckaufman

당신이 왜 이것을 투표했는지 설명 할 수 있습니까? 효과가있는 쉬운 수정 방법입니다. – ckaufman

매우 기분이 좋지 않으므로 테이블을 업데이트 할 때마다 변경해야합니다. –

가격 테이블 높이 문제

답변

관련 문제