이전 목록 다음

채택완료

제이쿼리 질문좀 드리겠습니다

fldkfem1

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-11 (수) 14:52:14 3,068

아래부분인데요

index 부분이 넣을건데요 아래 쿼리때문에

헤더 a태그 클릭하는 모든부분이 충돌 나는데 어떻게 해야하나요

아래 쿼리는 탭메뉴 쿼리입니다

Copy

<script type="text/javascript">    function tabSetting() {        // 탭 컨텐츠 hide 후 현재 탭메뉴 페이지만 show        $('.tabPage').hide();        $($('.current').find('a').attr('href')).show();         // Tab 메뉴 클릭 이벤트 생성        $('li').click(function (event) {            var tagName = event.target.tagName; // 현재 선택된 태그네임            var selectedLiTag = (tagName.toString() == 'A') ? $(event.target).parent('li') : $(event.target); // A태그일 경우 상위 Li태그 선택, Li태그일 경우 그대로 태그 객체            var currentLiTag = $('li[class~=current]'); // 현재 current 클래그를 가진 탭            var isCurrent = false;                           // 현재 클릭된 탭이 current를 가졌는지 확인            isCurrent = $(selectedLiTag).hasClass('current');                         // current를 가지지 않았을 경우만 실행            if (!isCurrent) {                $($(currentLiTag).find('a').attr('href')).hide();                $(currentLiTag).removeClass('current');                 $(selectedLiTag).addClass('current');                $($(selectedLiTag).find('a').attr('href')).show();            }             return false;        });    }     $(function () {        // 탭 초기화 및 설정        tabSetting();    });</script>

그누보드5

답변 3개 / 댓글 1개

채택된 답변

+20 포인트

불량학생™

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-11 (수) 17:31:40

11줄의 문제는 아니구요

현재 올려주신부분의 jquery 와 다른데서 사용하는 jquery 충돌인듯 합니다

올려주신 부분을 그대로 복사해서 했더니 정상 작동 됩니다

잘부탁합니닿

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-11 (수) 16:59:30

답변달아주셔서 감사합니다

.tabWrap {float:left; width: 810px; height: 620px; background-color: #505A69; }

.tab_Menu { margin: 0px; padding: 0px; list-style: none; }

.tabMenu {background-color: #F6F7F9; width: 73.4px; margin: 0px; text-align: center; padding-top: 10px; padding-bottom: 10px; float: left; }

.tabMenu a { color: #000000; font-weight: bold; text-decoration: none; }

.current { background-color: #F6F7F9; border: 1px solid blue; border-bottom:hidden; }

.tabPage {width: 810px; height: 620px; float: left; }

</li>

</li>

</li>

</li>

</li>

</li>

</li>

</li>

</li>

</li>

</li>

</ul>

<?php echo latest2("tabgall", "hall", 12, 23,'','',서울남부); ?>

</div>

<?php echo latest2("tabgall", "hall", 12, 23,'','',서울동부); ?>

</div>

<?php echo latest2("tabgall", "hall", 12, 23,'','',서울서부); ?>

</div>

<?php echo latest2("tabgall", "hall", 12, 23,'','',서울북부); ?>

</div>

<?php echo latest2("tabgall", "hall", 12, 23,'','',경기북부); ?>

</div>

<?php echo latest2("tabgall", "hall", 12, 23,'','',경기남부); ?>

</div>

<?php echo latest2("tabgall", "hall", 12, 23,'','',강원); ?>

</div>

<?php echo latest2("tabgall", "hall", 12, 23,'','',충청); ?>

</div>

<?php echo latest2("tabgall", "hall", 12, 23,'','',전라); ?>

</div>

<?php echo latest2("tabgall", "hall", 12, 23,'','',경상); ?>

</div>

<?php echo latest2("tabgall", "hall", 12, 23,'','',제주); ?>

</div>

불량학생™

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-11 (수) 16:42:55

흠...

11줄 $('li[class~=current]') 요거 $('li[class=current]') 수정해보시구요

테스트를 원하시면 탭메뉴의 html과 css도 함께 올려주세요

답변에 대한 댓글 1개

fldkfem1

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2016-05-11 (수) 16:59:45

글 올렸습니다

답변을 작성하려면 로그인이 필요합니다.

제이쿼리 질문좀 드리겠습니다

답변 3개 / 댓글 1개

답변에 대한 댓글 1개

공유하기