뭔말인진 모르겠지만 일단 예제를 보시면 아실껍니다.
그냥 정리하는겁니다.
적용전)
적용후)
지정한 라벨의 가장 넓은 크기를 구해서 그 클래스의 넓이를 같은 길이로 맞춰주는거죠.
참 쉽죠잉.
<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개
16년 전
감사합니다. 한데...
함수를 아래처럼 바꿔야하네요... 함수명을 잠깐 실수하신듯... :)
$(document).ready(function(){
max_width('#auth');
});
함수를 아래처럼 바꿔야하네요... 함수명을 잠깐 실수하신듯... :)
$(document).ready(function(){
max_width('#auth');
});
Sizkein
16년 전
쀍ㅋ
write랑 width 는 걷보기에 차이가 안나보이네요 ㅠㅠ
write랑 width 는 걷보기에 차이가 안나보이네요 ㅠㅠ
NJEAN
15년 전
헛, 고맙습니다.
별 뻘짓을 다 했었는데
별 뻘짓을 다 했었는데
15년 전
jquery 라벨 정렬
드래그홈2
13년 전
굳
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2430 | 15년 전 | 2504 | ||
| 2429 | 15년 전 | 5496 | ||
| 2428 | 15년 전 | 1461 | ||
| 2427 |
Sizkein
|
15년 전 | 4228 | |
| 2426 | 15년 전 | 1355 | ||
| 2425 | 15년 전 | 1652 | ||
| 2424 | 15년 전 | 1626 | ||
| 2423 |
haejuksun
|
15년 전 | 1617 | |
| 2422 |
haejuksun
|
15년 전 | 1122 | |
| 2421 |
haejuksun
|
15년 전 | 1369 | |
| 2420 |
haejuksun
|
15년 전 | 1517 | |
| 2419 |
 프리웹닷컴 |
15년 전 | 1414 | |
| 2418 |
프리웹닷컴 |
15년 전 | 2139 | |
| 2417 |
원더풀라입
|
15년 전 | 1290 | |
| 2416 |
원더풀라입
|
15년 전 | 1343 | |
| 2415 |
원더풀라입
|
15년 전 | 876 | |
| 2414 |
원더풀라입
|
15년 전 | 997 | |
| 2413 |
원더풀라입
|
15년 전 | 958 | |
| 2412 |
원더풀라입
|
15년 전 | 921 | |
| 2411 |
원더풀라입
|
15년 전 | 871 | |
| 2410 |
원더풀라입
|
15년 전 | 925 | |
| 2409 |
원더풀라입
|
15년 전 | 1075 | |
| 2408 |
원더풀라입
|
15년 전 | 1084 | |
| 2407 |
원더풀라입
|
15년 전 | 2605 | |
| 2406 |
원더풀라입
|
15년 전 | 943 | |
| 2405 |
원더풀라입
|
15년 전 | 1596 | |
| 2404 |
원더풀라입
|
15년 전 | 1463 | |
| 2403 | 15년 전 | 1588 | ||
| 2402 | 15년 전 | 1291 | ||
| 2401 |
나도빌더만들까
|
15년 전 | 1775 | |
| 2400 | 15년 전 | 596 | ||
| 2399 | 15년 전 | 1086 | ||
| 2398 | 15년 전 | 1050 | ||
| 2397 | 15년 전 | 2837 | ||
| 2396 | 15년 전 | 3151 | ||
| 2395 | 15년 전 | 1829 | ||
| 2394 | 15년 전 | 1336 | ||
| 2393 |
gamebomb
|
15년 전 | 1956 | |
| 2392 |
gamebomb
|
15년 전 | 1467 | |
| 2391 |
gamebomb
|
15년 전 | 1071 | |
| 2390 | 15년 전 | 3764 | ||
| 2389 |
leadK
|
15년 전 | 1408 | |
| 2388 |
kim7031
|
15년 전 | 1519 | |
| 2387 | 15년 전 | 2734 | ||
| 2386 | 15년 전 | 1443 | ||
| 2385 | 15년 전 | 4167 | ||
| 2384 |
확실한방법
|
15년 전 | 2371 | |
| 2383 |
intel
|
15년 전 | 3150 | |
| 2382 |
확실한방법
|
15년 전 | 1766 | |
| 2381 |
 RINIX |
15년 전 | 1989 | |
| 2380 |
RINIX |
15년 전 | 1301 | |
| 2379 | 15년 전 | 4373 | ||
| 2378 | 15년 전 | 3948 | ||
| 2377 |
메가팩토리
|
15년 전 | 3774 | |
| 2376 | 15년 전 | 5185 | ||
| 2375 | 15년 전 | 3407 | ||
| 2374 | 15년 전 | 1786 | ||
| 2373 | 15년 전 | 1747 | ||
| 2372 | 15년 전 | 1888 | ||
| 2371 | 15년 전 | 1591 | ||
| 2370 | 15년 전 | 3988 | ||
| 2369 | 15년 전 | 2899 | ||
| 2368 | 15년 전 | 2095 | ||
| 2367 | 15년 전 | 1663 | ||
| 2366 | 15년 전 | 1904 | ||
| 2365 | 15년 전 | 2390 | ||
| 2364 | 15년 전 | 1477 | ||
| 2363 | 15년 전 | 2412 | ||
| 2362 | 15년 전 | 1733 | ||
| 2361 | 15년 전 | 1830 | ||
| 2360 | 15년 전 | 1475 | ||
| 2359 | 15년 전 | 2171 | ||
| 2358 | 15년 전 | 1501 | ||
| 2357 |
 JY소프트 |
15년 전 | 1920 | |
| 2356 |
헐크매니아
|
15년 전 | 2117 | |
| 2355 |
WebRIA
|
15년 전 | 1194 | |
| 2354 |
WebRIA
|
15년 전 | 1242 | |
| 2353 |
WebRIA
|
15년 전 | 1890 | |
| 2352 |
WebRIA
|
15년 전 | 5332 | |
| 2351 | 15년 전 | 1633 | ||
| 2350 |
WebRIA
|
15년 전 | 2140 | |
| 2349 | 15년 전 | 2340 | ||
| 2348 |
WebRIA
|
15년 전 | 1491 | |
| 2347 |
WebRIA
|
15년 전 | 1301 | |
| 2346 |
WebRIA
|
15년 전 | 2218 | |
| 2345 |
WebRIA
|
15년 전 | 4935 | |
| 2344 | 15년 전 | 2203 | ||
| 2343 | 15년 전 | 2863 | ||
| 2342 | 15년 전 | 1750 | ||
| 2341 | 15년 전 | 3594 | ||
| 2340 | 15년 전 | 4431 | ||
| 2339 | 16년 전 | 3112 | ||
| 2338 | 16년 전 | 2353 | ||
| 2337 | 16년 전 | 2434 | ||
| 2336 | 16년 전 | 2685 | ||
| 2335 | 16년 전 | 2173 | ||
| 2334 |
Sizkein
|
16년 전 | 5513 | |
| 2333 | 16년 전 | 3372 | ||
| 2332 | 16년 전 | 1360 | ||
| 2331 | 16년 전 | 1700 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기