테스트 사이트 - 개발 중인 베타 버전입니다

뭔말인진 모르겠지만 일단 예제를 보시면 아실껍니다.

그냥 정리하는겁니다.

적용전)

적용후)

지정한 라벨의 가장 넓은 크기를 구해서 그 클래스의 넓이를 같은 길이로 맞춰주는거죠.

참 쉽죠잉.

<SCRIPT LANGUAGE="JavaScript">
<!--
// 함수는 아래와 같습니다.
function max_width(a){
    var max = 0;
    $(a).find("label").each(function(){
        if ($(this).width() > max)
            max = $(this).width();
    }).css({display:"inline-block",width:max});
}

//돔 레디 안쪽에 아래와 같은 문장을 넣어줘야 합니다.
$(document).ready(function(){
    max_write('#auth');
});
//-->
</SCRIPT>
//예문 코드는 아래와 같습니다.
<div id="auth">
    <label>Doraemong</label> <select>......</select>
    <label>test</label> <select>......</select>
    <label>Pokémon World</label> <select>......</select>
</div>


 

이 후에 max_write 문만 돔레디에 추가해주면 정해놓은 div 아이디값 아래에 있는 label 크기를 구해서 가장 큰 라벨크기로 전부 고정시킵니다~

간단한겁니다. 꾿


텍스트큐브 열면서 하나 올리고 긁어올려봅니다.

블로그 : DevelopeR :: Sizkein

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

감사합니다. 한데...
함수를 아래처럼 바꿔야하네요... 함수명을 잠깐 실수하신듯... :)

$(document).ready(function(){
max_width('#auth');
});
&#49165;ㅋ
write랑 width 는 걷보기에 차이가 안나보이네요 ㅠㅠ
헛, 고맙습니다.
별 뻘짓을 다 했었는데
jquery 라벨 정렬

게시판 목록

프로그램

글쓰기