B

제이쿼리 질문을 ㅠㅠ 불상한 아이에게 희망을 주시옵소서...

· 13년 전 · 2153 · 3
제이쿼리는 처음으로 입문해봅니다.
php만 똑딱똑딱거리니 이제 다른것도 배워보자싶어서
 
제이쿼리 들어왔습니다.
 
탭메뉴을 만들려고하는데요
 
1번 2번 3번
ㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁ
 
숫자을 누를때마다 ㅁㅁㅁ<<나온부분이 다르게 나오게하고싶은데
어떻에해야할지 설명좀해주실분있으신가유? ㅠㅠ
 
 
|

댓글 3개

그건 탭을 누를때 마다 ajax로 페이지를 새로 불러주는 방법과
탭에 맞는 레이어를 모두 만들어 놓고 첫탭에 해당되는 레이어 빼고는 모두 숨겨 놓구 탭을 누를때 마다 탭에 맞는 레이어를 보여 주시고 나머지는 숨기고 이런식으로 하시면 될것 같네요..
넵!! 어제 바로 후루룩 만들어본결과 어떻에하는지 알게되었습니다.
제이쿼리 처음입문하는데 재미난기능들이 많군요 ㅎㅎ
siblings(), end() 매서드를 이용하면 정말 간단하게 구현 가능합니다.

텝1 | 텝2 | 텝3 <--- 탭끼리 형제 요소들 class="tab"
ㅁㅁㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁㅁㅁ <--- 내용끼리 형제 요소들 class="content0" class="content1" class="content2" 로 각각 부여

라고 하고
탭1(content0)만 display:block 나머지(content1, content2)는 display:none
css가 기본적으로 세팅이 되시면

$(".tab").each(function(index) {
$(this).click(function() {
$(".content" + index).siblings().hide().end().show();
});
});
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
13년 전 조회 1,905
13년 전 조회 7,132
13년 전 조회 2,186
13년 전 조회 2,265
13년 전 조회 6,088
13년 전 조회 2,847
13년 전 조회 3,661
13년 전 조회 3,055
13년 전 조회 2,259
13년 전 조회 2,268
13년 전 조회 2,195
13년 전 조회 1,877
13년 전 조회 2,289
13년 전 조회 8,820
13년 전 조회 4,302
13년 전 조회 2,067
13년 전 조회 3,056
13년 전 조회 3,216
13년 전 조회 5,757
13년 전 조회 2,066
13년 전 조회 3,346
13년 전 조회 1,857
13년 전 조회 2,286
13년 전 조회 2,241
13년 전 조회 1,793
13년 전 조회 1.2만
13년 전 조회 1,953
13년 전 조회 2,686
13년 전 조회 2,051
13년 전 조회 2,038
13년 전 조회 3,195
13년 전 조회 2,903
13년 전 조회 2,845
13년 전 조회 4,042
13년 전 조회 2,203
13년 전 조회 1,952
13년 전 조회 2,209
13년 전 조회 3,331
13년 전 조회 2,689
13년 전 조회 2,268
13년 전 조회 2,472
13년 전 조회 2,011
13년 전 조회 2,548
13년 전 조회 1,921
13년 전 조회 2,502
13년 전 조회 2,404
13년 전 조회 2,821
13년 전 조회 2,315
13년 전 조회 2,581
13년 전 조회 2,154
13년 전 조회 1,994
13년 전 조회 2,042
13년 전 조회 2,376
13년 전 조회 1,951
13년 전 조회 2,595
13년 전 조회 2,072
13년 전 조회 1,934
13년 전 조회 2,115
13년 전 조회 2,048
13년 전 조회 3,077
13년 전 조회 2,377
13년 전 조회 2,306
13년 전 조회 3,183
13년 전 조회 2,361
13년 전 조회 1,868
13년 전 조회 1,968
13년 전 조회 2,711
13년 전 조회 2,137
13년 전 조회 1,936
13년 전 조회 2,101
13년 전 조회 4,047
13년 전 조회 2,730
13년 전 조회 2,525
13년 전 조회 1,966
13년 전 조회 1,905
13년 전 조회 1,754
13년 전 조회 2,117
13년 전 조회 2,255
13년 전 조회 4,395
13년 전 조회 2,185
13년 전 조회 2,383
13년 전 조회 2,080
13년 전 조회 1,976
13년 전 조회 2,139
13년 전 조회 2,138
13년 전 조회 2,378
13년 전 조회 3,913
13년 전 조회 4,356
13년 전 조회 2,394
13년 전 조회 2,494
13년 전 조회 1,959
13년 전 조회 2,979
13년 전 조회 2,017
13년 전 조회 2,032
13년 전 조회 1,888
13년 전 조회 2,491
13년 전 조회 1,992
13년 전 조회 2,379
13년 전 조회 2,299
13년 전 조회 1,880