tab 으로 사용할때 mouseover 주의할점 > jquery

본문 바로가기

검색취소

tab 으로 사용할때 mouseover 주의할점

검색 이전 다음 목록

본문

<a href="javascript:show_tab(1);" class="tab tit tit1 tabTit1">공지사항</a>

<div id='tabId1' class="tabCon" style="display:">

<ul>

<?

echo latest("ar.nude", 'akom11', 5, 35);

?>

</ul>

<a href="/bbs/board.php?bo_table=akom11" class="more"><img src="/img_new/btn_more.gif" alt="더보기"></a>

</div>

 

<a href="javascript:show_tab(2);" class="tab tit tit1 tabTit2">회원 경조사</a>

<div id='tabId2' class="tabCon" style="display:none">

<ul>

<?

echo latest("ar.nude", 'akom19', 5, 30);

?>

</ul>

<a href="/bbs/board.php?bo_table=akom19" class="more"><img src="/img_new/btn_more.gif" alt="더보기"></a>

</div>

 

<script>

function show_tab(no) {

for(j=1; document.getElementById('tabId'+j); j++) {

if (j==no) jQuery('#tabId'+j).show();

else jQuery('#tabId'+j).hide();

}

}

 

// 안되는 루틴

<? if (is_mobile()) { ?>

for(j=1; document.getElementById('tabId'+j); j++) {

$("#tabTit"+j).mouseover(function() {show_tab(j);});

}

<? } ?>

 

 

// 정상동작하는 루틴

<? if (is_mobile()) { ?>

$("#tabTit1").mouseover(function() {show_tab(1);});

$("#tabTit2").mouseover(function() {show_tab(2);});

<? } ?>

 

현재 위치의 class 명으로 파악해서 show_tab(j) 로 뿌리는것은 가능할듯함..

 

등록된 댓글이 없습니다.

검색취소

jquery

검색
  • 눈여겨 볼만한 jQuery 플러그인
  • 눈여겨 볼만한 jQuery 플러그인

    이미지 갤러리.. 1. FUll Size Images Viewer- 간단한 제품사진보기, 이미지 갤러니 Thumb Nail 이미지 보기에 사용하면 제격-  http://www.addfullsize.com/ 2. Aj…

  • no image
  • 모달에 z-index 변경

    배추빌더 게시판 팝업 z-index 수정mw.lib/mw.skin.basic.lib.php                $(function() {            $("#dialog-message-$vie…

  • jQuery로 ajax 호출시 로딩중 이미지 보여주기
  • jQuery로 ajax 호출시 로딩중 이미지 보여주기

    요즘 유명 메이져사이트를 방문해보면 페이지 로딩 속도가 상당히 빨라졌다는 느낌이 들때가 있습니다. 방문자가 늘어난다고 서버시스템의 사양을 계속해서 높이거나 서버를 분산하기보다는최대한 효율적인 방법으로 서버의 부하를 …

  • no image
  • jQuery 합성이벤트 toggle() hover()

    jQuery 합성이벤트 toggle() hover() 보통 이벤트는 하나의 사용자 행위에 의해 발생한다.그리고 하나의 행동에 대해 하나의 응답을 내놓는다. 합성이벤트는 하나이상의 사용자 행위에 별개의 응답을 말하는 …

  • JQuery Hover Effects
  • JQuery Hover Effects

    첨부파일

    마우스 오버시 이벤트(이펙트)가 발생된다. 듀얼, 슬라이딩, 회전, 줌 등등 ... 7가지 이펙트를 지원해준다.워낙 유명한 사이트임.

?>